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.
- 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.
- Frontend: React, React Flow, TypeScript, TailwindCSS
- Backend: Appwrite (for data management and API)
- Icons: Lucide Icons
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/dipanshurdev/devpath.git
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
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.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes.
- Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature-branch). - Open a pull request.
For detailed guidelines, refer to the CONTRIBUTING.md file.
This project is licensed under the MIT License. For more details, see the LICENSE file.
If you have any questions or suggestions, feel free to open an issue or reach out to the maintainers.