DEV Community

Rudra Sarker
Rudra Sarker

Posted on

🗺️ DevRoadmaps — A Free, Open-Source Roadmap.sh Alternative with 17 Career Paths and 1,700+ Resources

#webdev #opensource #career #showdev

17 comprehensive developer roadmaps, 800+ topics, 1,700+ free resources, offline support, and community features — all in pure HTML/CSS/JS with zero dependencies.

DevRoadmaps

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 17 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
Enter fullscreen mode Exit fullscreen mode

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:

Top comments (0)