👋 Hi @CodeHarborHub,

I am Prince,web developer(Core Team) Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you

• #69
• #68
• #70
• #71

• Description:

• The course cards are static right now and don't have an equal height which will give them more pleasing effect.

• Adding links to the respective pages of the website to the cards will make the navigation easier and thus better user experience.

• Use Case:

• using this features more people will be easily able to find the sections of the website they are looking for.

• Uneven size of courses cards:
  

Assign this issue to me.

On the homepage the coding image overlap on cards which looks awkward...
I can fix it ..plz assign to me this task.

Thank you;)

@Ajay-Dhangar Sir I would like to add C++ tutorials for CodeHarbourHub. I always wanted to work these kind of projects where I can make a learning platform. I would be glad if you assign me this task

Description:
We propose integrating KaTeX for rendering mathematical equations within our project. KaTeX is a fast and easy-to-use library for displaying LaTeX equations on web pages. This feature enhancement will greatly improve the readability and understanding of mathematical content within our project.

Usecase:
Contributors often need to include mathematical equations within the project documentation, comments, or user interfaces. With KaTeX integration, contributors can seamlessly render these equations directly within the project environment, enhancing the clarity and professionalism of the content.

Similar Features:
Similar features have been implemented in various projects to improve the presentation of mathematical content. Some examples include:

• MathJax Integration
• LaTeX Equation Rendering Plugins
• Custom Markdown Extensions for Equation Rendering

Additional Information:
Please refer to the KaTeX documentation for implementation details and usage examples. Inline equations can be written by wrapping LaTeX equations between $ symbols, as demonstrated in the provided code snippet.

Note to Contributors:
Your contributions and feedback on this feature request are highly appreciated. If you have any suggestions, concerns, or insights regarding the implementation or usage of KaTeX within our project, please feel free to share them in the comments section of this issue. Let's work together to enhance the mathematical representation capabilities of our project!

For Example:

Let $f\colon[a,b]\to\R$ be Riemann integrable. Let $F\colon[a,b]\to\R$ be
$F(x)=\int_{a}^{x} f(t)\,dt$. Then $F$ is continuous, and at all $x$ such that
$f$ is continuous at $x$, $F$ is differentiable at $x$ with $F'(x)=f(x)$.

Reference: https://docusaurus.io/docs/markdown-features/math-equations

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

• Description:

• The video on the homepage spills over to the features of CodeHarborHub on screens bigger than 1500px which could seem like it is poorly designed.

• Steps to Reproduce:

• Be on a screen bigger than 1500px and play the video on the home page

• Screenshots or Screencast:
  

• fixed would be:
  

• Version: Please specify the version of CodeHarborHub you are using.

• Browser/OS: Mozilla firefox / Windows 10

• Additional Information:

  • Assign this issue to me @Ajay-Dhangar

As you see the image below that some cards are mismatch and not looking so good.
I can improve it so plz assign this task to me .

Thank You:)

Covered three topics code and preview.

• Java Syntax and Structure
• Variables and Data Types
• Operators and Expressions

Resources for Guidance

Here are some resources that may be helpful as you contribute to CodeHarborHub:

• https://www.codeharborhub.live/community/features
• Docusaurus Documentation
• Markdown Guide
• MDX Documentation
• Mermaid Documentation

Our Site Features

https://www.codeharborhub.live/community/features

• Introduction to HTML

  • #27
  • #28
  • #29
  • #31

• 2. HTML Basics

  • #37
  • #36
  • HTML attributes and values
  • HTML document structure: <!DOCTYPE>, <html>, <head>, <title>, <body>

• #105

  • Headings (<h1> to <h6>)
  • Paragraphs (<p>)
  • Text formatting: bold (<strong>), italic (<em>), underline (<u>), strikethrough (<s>)

• #106

  • Ordered lists (<;ol>)
  • Unordered lists (<ul>)
  • Definition lists (<dl>)
  • List item attributes

• #104

  • Creating hyperlinks (<a>)
  • Linking to external and internal resources
  • Link attributes: href, target, rel

• #46

  • #43
  • #45
  • #44

• #47

  • Creating tables (<table>)
  • Table structure: rows (<tr>), columns (<td>), headers (<th>)
  • Table attributes: border, cellpadding, cellspacing
  • Table captions and summaries

• #48

  • Building forms (<form>)
  • Form input elements: text, password, checkbox, radio, select, textarea
  • Form attributes: action, method, enctype
  • Form validation techniques

• #49

  • Understanding semantic HTML
  • Semantic HTML5 elements: header, footer, nav, section, article, aside
  • Benefits of using semantic HTML for accessibility and SEO

• #50

  • Adding audio and video (<audio>, <video>)
  • Embedding multimedia content from external sources
  • Multimedia attributes and controls

• #51

  • Geolocation API
  • Local Storage and Session Storage
  • Canvas and SVG graphics

• #52

  • Introduction to responsive design
  • Media queries and breakpoints
  • Flexbox and Grid layout

• #53

  • Importance of validating HTML code
  • Using W3C Validator
  • Common HTML errors and how to fix them

• #54

  • Writing clean and maintainable HTML code
  • Performance optimization techniques
  • Accessibility best practices

• #55

  • Further learning resources
  • Advanced HTML topics to explore
  • Community forums and support networks

Basic Structure For Suggestions how to write...

📁 HTML Tutorials
|
├── 📁 01_Introduction_to_HTML
|   ├── 📄 01_What_is_HTML.md
|   ├── 📄 02_Why_Learn_HTML.md
|   ├── 📄 03_Setting_up_Your_Environment.md
|   └── ...
|
├── 📁 02_HTML_Basics
|   ├── 📄 01_HTML_Syntax_and_Structure.md
|   ├── 📄 02_HTML_Elements_and_Tags.md
|   ├── 📄 03_HTML_Attributes_and_Values.md
|   └── ...
|
├── 📁 03_Text_Formatting
|   ├── 📄 01_Headings.md
|   ├── 📄 02_Paragraphs.md
|   ├── 📄 03_Text_Formatting_Bold_and_Italic.md
|   └── ...
|
├── 📁 04_Lists
|   ├── 📄 01_Ordered_Lists.md
|   ├── 📄 02_Unordered_Lists.md
|   ├── 📄 03_Definition_Lists.md
|   └── ...
|
├── 📁 05_Links_and_Anchors
|   ├── 📄 01_Creating_Hyperlinks.md
|   ├── 📄 02_Linking_to_External_and_Internal_Resources.md
|   ├── 📄 03_Link_Attributes.md
|   └── ...
|
├── 📁 06_Images
|   ├── 📄 01_Inserting_Images.md
|   ├── 📄 02_Image_Attributes.md
|   ├── 📄 03_Image_Formats_and_Optimization.md
|   └── ...
|
├── 📁 07_Tables
|   ├── 📄 01_Creating_Tables.md
|   ├── 📄 02_Table_Structure.md
|   ├── 📄 03_Table_Attributes.md
|   └── ...
|
├── 📁 08_Forms
|   ├── 📄 01_Building_Forms.md
|   ├── 📄 02_Form_Input_Elements.md
|   ├── 📄 03_Form_Attributes.md
|   └── ...
|
├── 📁 09_Semantic_HTML
|   ├── 📄 01_Understanding_Semantic_HTML.md
|   ├── 📄 02_Semantic_HTML5_Elements.md
|   └── ...
|
├── 📁 10_Multimedia
|   ├── 📄 01_Adding_Audio_and_Video.md
|   ├── 📄 02_Embedding_Multimedia_Content.md
|   └── ...
|
├── 📁 11_HTML5_APIs
|   ├── 📄 01_Geolocation_API.md
|   ├── 📄 02_Local_Storage_and_Session_Storage.md
|   ├── 📄 03_Canvas_and_SVG_Graphics.md
|   └── ...
|
├── 📁 12_Responsive_Web_Design
|   ├── 📄 01_Introduction_to_Responsive_Design.md
|   ├── 📄 02_Media_Queries_and_Breakpoints.md
|   ├── 📄 03_Flexbox_and_Grid_Layout.md
|   └── ...
|
├── 📁 13_HTML_Validation_and_Debugging
|   ├── 📄 01_Importance_of_Validating_HTML_Code.md
|   ├── 📄 02_Using_W3C_Validator.md
|   ├── 📄 03_Common_HTML_Errors_and_How_to_Fix_Them.md
|   └── ...
|
├── 📁 14_Best_Practices_and_Optimization
|   ├── 📄 01_Writing_Clean_and_Maintainable_HTML_Code.md
|   ├── 📄 02_Performance_Optimization_Techniques.md
|   ├── 📄 03_Accessibility_Best_Practices.md
|   └── ...
|
└── 📁 15_Next_Steps_and_Resources
    ├── 📄 01_Further_Learning_Resources.md
    ├── 📄 02_Advanced_HTML_Topics_to_Explore.md
    ├── 📄 03_Community_Forums_and_Support_Networks.md
    └── ...

#gssoc24

• Description: when hovering on getting started button underline is visible i think its not a good looking UI

• Steps to Reproduce: If possible, please provide step-by-step instructions on how to reproduce the bug. This will help us fix the issue more quickly.

• Screenshots or Screencast: If applicable, please attach screenshots or a screencast that demonstrates the bug. You can upload them to an external image/video hosting service and share the link here.
  

• Version: Please specify the version of CodeHarborHub you are using.

• Browser/OS: (Optional) Specify the browser and operating system you are using.

• Additional Information: (Optional)

  • You can add any other relevant information that might help us diagnose the bug, such as error messages, console logs, or code snippets.

. Description: In the dsa section i would like to add C++ STL under Intermediate topics.
. Use Case: There is already a beginner section which include basic dsa topic. Now for Intermediate section we could start with C++ STL like Map, Vector, set ,, multiset , lower_bound, upper_bound etc and also in-built fns in c++ which is very important to learn in competitive programming also to solve medium and hard DSA problems.

Just an example image of some STL topics from any random website :

I would like to start the work on C++ STL @Ajay-Dhangar , under GSSOC'24 and please add level label as well.

@Ajay-Dhangar Sir I would also like to add Java tutorials for this this learning Website. I always wanted to work on this kind of project. With your approval can I work on to add this feature Sir?

• Description: Regarding website scrolling animation
• Use Case: Provide a specific example of how you would use this feature.
• Similar Features: (Optional) If there are other platforms that offer a similar feature, mention them and explain how your proposed feature would be different or better.

Hello Project Admin , I can add a go-to-top icon on the footer of your website and by clicking on that, user will be directed to the top at Navbar.

Example image of any random website :

Please Assign me this issue under label of GSSOC'24 and also add level label so that i can get points for my work

Description:

We need to implement a new feature section on our home page to showcase key features of our product/service. This section will serve as a prominent highlight for visitors, providing them with a quick overview of what our platform offers.

Use Case:

• Engage Visitors: The Home Feature Section will capture visitors' attention and encourage them to explore further by presenting them with the core functionalities of our platform.
• Informative Display: It will allow users to quickly grasp the main features and benefits of our product/service, aiding in their decision-making process.
• Promote Conversion: By highlighting key features upfront, we aim to increase user engagement and ultimately drive conversions.

Similar Features:

• Carousel or Slider: Similar to a carousel or slider, the Home Feature Section will display multiple feature cards or tiles that users can scroll through horizontally.
• Feature Grid: Alternatively, we can opt for a grid layout to present features in a structured manner, allowing users to easily compare and evaluate different functionalities.
• Interactive Elements: Including interactive elements such as hover effects or click-through animations can enhance user interaction and make the feature section more engaging.

Additional Information:

• Design Considerations: The design of the feature section should align with our overall branding and aesthetics, ensuring a cohesive user experience.
• Content Requirements: Each feature card/tile should include concise yet informative descriptions, accompanied by relevant visuals or icons to reinforce the messaging.
• Responsiveness: The feature section should be responsive across various devices and screen sizes to provide a seamless experience for all users.

• #43
• #44
• #45

https://github.com/CodeHarborHub/codeharborhub/blob/93f45587b088e5e002e18dd92ebe02d33bb2b69b/src/components/YoutubeVideo/index.tsx#L5-L14

Description:

We're looking to enhance our platform by introducing a new feature: the Home Course Section. This addition aims to provide users with a curated selection of courses directly accessible from the homepage, offering convenience and a streamlined learning experience. With this feature, users will be able to discover and enroll in courses more efficiently, fostering a more engaging learning environment.

Use Case:

Imagine a scenario where a user logs into our platform seeking to explore new courses. Instead of navigating through multiple pages or menus, they are greeted with a visually appealing Home Course Section right on the homepage. Here, they can immediately view popular, recommended, or newly added courses, making the selection process seamless. This use case demonstrates how the Home Course Section simplifies course discovery, enhancing user satisfaction and retention.

Similar Features:

Several platforms have successfully implemented similar features to improve user engagement and satisfaction:

1. Netflix: Netflix utilizes a "Recommended for You" section on its homepage, suggesting movies and TV shows based on user preferences and viewing history. Similarly, our Home Course Section will suggest courses tailored to individual user interests and learning patterns.

2. Udemy: Udemy incorporates a "Featured Courses" section on its homepage, highlighting trending and top-rated courses across various categories. Our Home Course Section will offer a comparable feature, showcasing handpicked courses to capture user attention and encourage exploration.

3. Coursera: Coursera employs a "Browse Courses" feature on its platform, allowing users to search for courses by topic, category, or keyword. While our Home Course Section complements this functionality, it focuses on presenting curated course selections directly on the homepage, minimizing search effort and maximizing user engagement.

By implementing the Home Course Section, we aim to elevate the user experience, increase course visibility, and ultimately drive greater participation and satisfaction within our learning community.

Covered three topics code and preview.

• What is Java?
• Why Learn Java?
• Setup Java Development Environment

Resources for Guidance

Here are some resources that may be helpful as you contribute to CodeHarborHub:

• https://www.codeharborhub.live/community/features
• Docusaurus Documentation
• Markdown Guide
• MDX Documentation
• Mermaid Documentation

Our Site Features

https://www.codeharborhub.live/community/features

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

@Ajay-Dhangar I would like to add OOPs concepts also so that People who visit the website will be able gain knowledge on Object Oriented Concepts also which will help them for placements and all. Can you please assign me this task?

We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

Dear CodeHarborHub,

I hope this message finds you well. I wanted to bring to your attention a small issue I've noticed on our website regarding the quiz icon's functionality.

Currently, when users click on the quiz icon, it opens in a new tab. While this was meant to allow users to complete the quiz without leaving the main page, it seems that after finishing the quiz and returning to the main page, users are only seeing the quiz page.

I believe I can solve this issue by making some adjustments so that when users complete the quiz, they are directed back to the main page as intended.

Before proceeding, I wanted to request permission to make these changes to the website. I believe it will improve the overall user experience and ensure that visitors can navigate our site seamlessly.

Please let me know if you approve, and if you have any questions or concerns, feel free to reach out. Thank you for your attention to this matter.

Best regards,
sourav upreti

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

Description: In the current quiz application, users are able to start a quiz without selecting any category, difficulty, type, or amount of questions. This can lead to a less tailored and potentially confusing quiz experience. Additionally, the user interface (UI) of the Quiz App section could be improved for better usability and visual appeal.
Use Case: To address this issue, I propose implementing a feature that requires users to select a category, difficulty, type, and amount of questions before they can start a quiz. Additionally, I will improve the UI of the Quiz App section to make it more intuitive and visually appealing.
Conclusion: By implementing this feature, we will ensure that users cannot start a quiz without making necessary selections, resulting in a more customized and satisfying quiz experience. Enhancing the UI will further improve usability, making the quiz app more attractive and easier to navigate. I am confident in my ability to implement these improvements and enhance the overall user experience of the quiz app.
@CodeHarborHub please assign it to me .

• Description: In the dsa section i would like to add binary tree topics under Intermediate topics
• Use Case: There is already a beginner section which include basic dsa topic. Now for Intermediate section we could start with Binary tree.

I would like to start the work on Binary tree topic @Ajay-Dhangar , under gssoc24.