20 comprehensive developer roadmaps, 920+ topics, 2,000+ free resources, offline support, and community features — all in pure HTML/CSS/JS with zero dependencies.
The Problem
roadmap.sh is great — but it has limitations:
- No interactive progress tracking
- Limited resources
- Print/poster is paid
- No community features
- No offline support
- No resource filtering or ratings
I wanted something that goes further — truly free, feature-rich, and community-driven.
What Is DevRoadmaps?
DevRoadmaps is a free, open-source developer roadmap platform with 20 career paths, 800+ curated topics, and 1,700+ free resources.
Live Demo
🌐 rudra496.github.io/devroadmaps
17 Complete Roadmaps
| # | Roadmap | Topics | Description |
|---|---|---|---|
| 1 | 🎨 Frontend Developer | 52 | HTML, CSS, JS, React, Vue, Angular |
| 2 | ⚙️ Backend Developer | 50 | Python, Node, Go, APIs, databases, Docker |
| 3 | 🌐 Full Stack Developer | 50 | End-to-end web development |
| 4 | 🧠 ML / AI Engineer | 50 | ML, deep learning, LLMs |
| 5 | ☁️ DevOps / Cloud | 50 | Docker, K8s, AWS, Terraform, CI/CD |
| 6 | 📱 Mobile Developer | 50 | Flutter, React Native, Swift, Kotlin |
| 7 | 🔒 Cybersecurity | 50 | Pentesting, OWASP, cloud security |
| 8 | 🗃️ Data Engineer | 50 | Spark, Kafka, Snowflake, Airflow |
| 9 | ⛓️ Blockchain / Web3 | 50 | Solidity, DeFi, smart contracts |
| 10 | 🎮 Game Developer | 50 | Unity, Godot, Unreal, C#, C++ |
| 11 | 🔌 Embedded / IoT | 50 | Arduino, ESP32, RTOS, sensors |
| 12 | 🛡️ DevSecOps Engineer | 40 | Container security, SAST/DAST, zero trust |
| 13 | 🧪 QA / Test Engineer | 43 | Selenium, Playwright, BDD, TDD |
| 14 | ✍️ Technical Writer | 42 | API docs, Docusaurus, Mermaid |
| 15 | ⚡ Low-Code / No-Code | 32 | Bubble, Webflow, Zapier, Airtable |
| 16 | 🏗️ Cloud Architect | 42 | AWS, GCP, Azure, IaC, FinOps |
Plus pre-built learning paths like:
- Full Stack in 6 Months (~22 topics)
- Zero to ML Engineer (~12 topics)
- DevOps Career Switch (~14 topics)
Features That Set It Apart
✅ Interactive Progress Tracking
Track your learning with clickable nodes. See your progress visually.
💬 Community Tips
Share and read tips for each topic. Learn from others' experiences.
⭐ Resource Ratings
Rate resources 1-5 stars. Find the best learning materials faster.
🔍 Resource Filtering
Filter by type: 📖 Docs, 🎥 Videos, 🎯 Courses, 🛠️ Tutorials, 🔧 Tools
📥 Export & Bookmarks
- Export community tips as JSON
- Bookmark topics across roadmaps
- Export bookmarks as a study plan (Markdown)
🍅 Built-in Pomodoro Timer
Study timer with break reminders integrated into each roadmap.
🏆 Achievement System
Unlock badges as you learn:
- 🌟 First Steps (complete your first node)
- 🔥 Getting Serious (complete 10 nodes)
- 🏆 Roadmap Master (complete an entire roadmap)
- 🧠 Polymath (start 5 different roadmaps)
🌙 Dark/Light/Auto Theme
Three theme modes with smooth transitions. Your preference is persisted.
📱 PWA Support
Works offline as a Progressive Web App. Install it on your phone or desktop.
🖨️ Print as Poster or Checklist
Print any roadmap as a poster or a progress checklist.
How It's Built
- HTML5 — Semantic markup
- CSS3 — Custom properties, glassmorphism, animations
- Vanilla JavaScript — Zero dependencies
- GitHub Pages — Hosting
- MIT License — Free forever
Just clone and open index.html — no build step needed:
git clone https://github.com/rudra496/devroadmaps.git
cd devroadmaps
python3 -m http.server 8000
# Open http://localhost:8000
Comparison with roadmap.sh
| Feature | DevRoadmaps | roadmap.sh |
|---|---|---|
| Progress tracking | ✅ | ❌ |
| 800+ curated topics | ✅ | ~300 |
| 1,700+ free resources | ✅ | Limited |
| Community tips | ✅ | ❌ |
| Resource ratings | ✅ | ❌ |
| Resource filtering | ✅ | ❌ |
| Search within roadmaps | ✅ | ❌ |
| Print poster | ✅ (free) | ✅ (paid) |
| Offline PWA | ✅ | ❌ |
| 100% free | ✅ | Partial |
Who Is This For?
- Self-taught developers who need structured learning paths
- Students planning their career trajectory
- Career switchers looking for clear roadmaps
- Teams who want to standardize onboarding
Get Started
🌐 Live: rudra496.github.io/devroadmaps ⭐ GitHub: github.com/rudra496/devroadmaps
Rudra Sarker — student researcher and full-stack developer from Bangladesh. Building free, open-source tools for developers worldwide.
🔗 Connect:
- GitHub | LinkedIn | Twitter/X | ResearchGate | Personal Site
What's New — October 2026
- Grew to 20 roadmaps (Platform Engineering, SRE, AR/VR and more), 920+ topics, and 2,000+ curated free resources
- New productivity features: command palette (
Ctrl+K) and a Pomodoro study timer - Citable via Zenodo: 10.5281/zenodo.22118838
- Live: rudra496.github.io/devroadmaps · Repo: https://github.com/rudra496/devroadmaps
Comments(0)
Join the discussion securely with your ZyVOP account.
Continue on ZyVOP to CommentNo comments yet. Be the first to comment!