https://github.com/dipanshurdev/devpath

Your ultimate roadmap to becoming a successful developer!🚀🌟✨
https://github.com/dipanshurdev/devpath

appwrite developer-productivity learning learning-resources nextjs productivity reactflow reactjs roadmap-website roadmaps saas shadcn-ui tailwindcss

Last synced: 11 months ago
JSON representation

Your ultimate roadmap to becoming a successful developer!🚀🌟✨

• Host: GitHub
• URL: https://github.com/dipanshurdev/devpath
• Owner: dipanshurdev
• License: mit
• Created: 2024-10-14T15:55:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-06T19:14:15.000Z (11 months ago)
• Last Synced: 2025-04-06T19:34:19.427Z (11 months ago)
• Topics: appwrite, developer-productivity, learning, learning-resources, nextjs, productivity, reactflow, reactjs, roadmap-website, roadmaps, saas, shadcn-ui, tailwindcss
• Language: TypeScript
• Homepage: https://devpath.netlify.app
• Size: 567 KB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# [ DevPath 🗺️](https://devpath.netlify.app)

**DevPath** is an interactive, visually-driven platform that allows users to explore educational or skill-development roadmaps. Through connected nodes and edges, users can navigate different stages of a roadmap, each packed with resources like articles, videos, and documents. This project is built with React Flow for visualizing node-based roadmaps and Appwrite for managing and fetching data.

## Screenshots

![Screenshot 2025-03-24 214125](https://github.com/user-attachments/assets/2f487f9f-c742-47b0-84b2-de1daf72fc7c)

![Screenshot 2025-03-24 214139](https://github.com/user-attachments/assets/fc605f13-996a-49a0-bb79-022252efa9ff)

![Screenshot 2025-03-24 214306](https://github.com/user-attachments/assets/5dcb0e29-c2b2-4284-bb35-3b9fc3323d77)

## 🚀 Features

- **Interactive Roadmap Display**: Visualize roadmap structures as connected nodes and edges.

- **Resource Integration**: Access resources (articles, videos, documents) associated with each roadmap node.

- **Dynamic Fetching**: Fetch and display roadmaps dynamically based on user selection.

- **Resource Accessibility**: Seamlessly link to resources for further learning.

## 🛠️ Technologies

- **Frontend**: React, React Flow, TypeScript, TailwindCSS

- **Backend**: Appwrite (for data management and API)

- **Icons**: Lucide Icons

## Installation

To set up the project locally, follow these steps:

1. **Clone the repository:**

    ```bash

    git clone https://github.com/dipanshurdev/devpath.git

    ```

2. **Install dependencies:**

    ```bash

    npm install

    ```

3. **Start the development server:**

    ```bash

    npm run dev

    ```

## Usage

Once the development server is running, you can access the application at `http://localhost:3000`. Explore different roadmaps and resources to enhance your learning journey.

## Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.

2. Create a new branch (`git checkout -b feature-branch`).

3. Make your changes.

4. Commit your changes (`git commit -m 'Add some feature'`).

5. Push to the branch (`git push origin feature-branch`).

6. Open a pull request.

For detailed guidelines, refer to the [CONTRIBUTING.md](CONTRIBUTING.md) file.

## License

This project is licensed under the MIT License. For more details, see the [LICENSE](LICENSE) file.

---

If you have any questions or suggestions, feel free to open an issue or reach out to the maintainers.