Skip to content

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

Description

@Swati-bs

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

Recording.2024-10-21.113504.mp4

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions