andoriyaprashant / andoriyaprashant/DevDocsHub

Feat: Add a Dedicated Learning Path/Roadmap Section in the Navbar

Aperta
#120 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
Python
Stelle
5
Fork
52
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

### Describe the feature

Create a dedicated Learning Path/Roadmap section that will appear in the website's navigation bar, allowing users to access structured learning guides for different programming languages and technologies directly from the menu.

- [ ] **Dedicated Learning Path Section:**
- This section will provide curated roadmaps for various programming languages and frameworks (e.g., Python, JavaScript, Java).
- Each roadmap will outline a step-by-step learning process, starting from beginner concepts to advanced topics.
- Learning paths will cover fundamental topics, best practices, and projects that guide users towards mastery.

- [ ] **Navbar Integration:**
- A "Learning Paths" menu item will allow users to easily access the various roadmaps categorized by language.
- When users click on "Learning Paths", they will be redirected to a dedicated section where they can choose from different language or framework roadmaps (e.g., Python, Django, React).
- Submenu options can also be added to the "Learning Paths" item, listing the most popular or recommended languages for quicker access.

- [ ] Add Animated Roadmap Section for Different Languages and Make Them Downloadable
- Each programming language will have its own animated roadmap displaying milestones like Beginner, Intermediate, and Advanced.
- Each step in the roadmap will link to relevant documentation, tutorials, or external resources for further learning.
- Downloadable Files: Users can download roadmaps as PDF/PNG files using a "Download Roadmap" button.

- [ ] **Responsive Website Design:**
- The Learning Path section will be fully responsive, ensuring optimal viewing and interaction across all devices, including desktops, tablets, and smartphones.
- Elements will adjust seamlessly in size and layout, allowing users to access roadmaps and resources easily, regardless of their screen size.

### Add ScreenShots


https://github.com/user-attachments/assets/ccf532ce-fbac-4c9a-9f48-e1d450744396

The attached image presents a foundational design for the Learning Path/Roadmap section, which will serve as a visually engaging and intuitive user interface. This design features a sleek layout that emphasizes clarity and accessibility, allowing users to navigate easily through various programming languages and frameworks.

### Record

- [X] I agree to follow this project's Code of Conduct
- [X] I'm a GSSOC'24 contributor
- [X] I want to work on this issue

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.