https://github.com/dipanshurdev/devpath

https://github.com/dipanshurdev/devpath

Last synced: 13 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/dipanshurdev/devpath
• Owner: dipanshurdev
• License: mit
• Created: 2024-10-14T15:55:24.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-19T12:04:16.000Z (about 1 month ago)
• Last Synced: 2024-11-19T13:17:38.680Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://devpath.netlify.app
• Size: 356 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

![Screenshot 2024-11-12 202656](https://github.com/user-attachments/assets/caff4ef2-d3a5-429b-8577-391b6002f7a9)

![Screenshot 2024-11-12 202734](https://github.com/user-attachments/assets/ab8f0621-f63f-48ee-bd32-8ee7716e9ce1)

**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](https://reactflow.dev/) for visualizing node-based roadmaps and [Appwrite](https://appwrite.io/) for managing and fetching data.

## 🚀 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

## LICENSE

This [LICENSE](LICENSE) covers the project’s essential aspects, from setup to usage and component descriptions. You can customize sections as needed, such as updating the repository URL or adding more detailed descriptions for each component.