____        __                  ____                  __
   / __ \__  __/ /_____  _____    / __ \____  ____  ____/ /_
  / /_/ / / / / __/ __ \/ ___/   / / / / __ \/ __ \/ __  __ \
 / _, _/ /_/ / /_/ /_/ / /      / /_/ / /_/ / / / / /_/ / / /
/_/ |_|\__,_/\__/\____/_/       \____/ .___/_/ /_/\__,_/_/ _/
                                   /_/

🗺️ DevRoadmaps

The open-source roadmap.sh alternative

17 comprehensive roadmaps • 800+ topics • 1,700+ free resources • 100% free forever

---

✨ Features

Feature	DevRoadmaps	roadmap.sh
Interactive progress tracking	✅	❌
800+ curated topics	✅	~300
1,700+ free resources	✅	Limited
Community tips	✅	❌
Resource ratings	✅	❌
Resource type filtering	✅	❌
Search within roadmaps	✅	❌
Filter by category	✅	❌
Print as poster/checklist	✅	✅ (paid)
Auto theme (system preference)	✅	❌
Keyboard navigation	✅	❌
Dark & light mode	✅	❌
100% free	✅	Partial
Zero dependencies	✅	✅
Offline capable	✅	❌
Minimap navigation	✅	❌

🗺️ Roadmaps

#	Roadmap	Topics	Description
1	🎨 Frontend Developer	52	HTML, CSS, JS, React, Vue, Angular, and more
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	Machine learning, 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, compliance, zero trust
13	🧪 QA / Test Engineer	43	Selenium, Playwright, performance testing, BDD, TDD
14	✍️ Technical Writer	42	API docs, Docusaurus, Mermaid, content strategy
15	⚡ Low-Code / No-Code	32	Bubble, Webflow, Zapier, Airtable, Shopify, Retool, FlutterFlow
16	🏗️ Cloud Architect	42	AWS, GCP, Azure, multi-cloud, IaC, Well-Architected Framework, FinOps

🎯 Learning Paths

Pre-built paths combining nodes from multiple roadmaps:

Path	Description	Topics
🌐 Full Stack in 6 Months	Frontend + Backend + DevOps essentials	~22
🧠 Zero to ML Engineer	Python → ML → Deep Learning → NLP → Deployment	~12
☁️ DevOps Career Switch	Linux → Docker → K8s → Terraform → Cloud	~14

🤝 Community Features

Feature	Description
💬 Community Tips	Share and read tips for each topic (stored locally)
⭐ Resource Ratings	Rate resources 1-5 stars (stored locally)
👥 Learner Counter	See how many learners completed topics (motivational)
📥 Export Tips	Export community tips as JSON

🔍 Resource Filtering

Filter resources by type directly in the roadmap viewer:

• 📖 Docs — Official documentation and guides
• 🎥 Video — YouTube tutorials and video courses
• 🎯 Course — Structured learning courses
• 🛠️ Tutorial — Hands-on tutorials and walkthroughs
• 🔧 Tool — Tools and platforms

🖨️ Print Features

Feature	Description
🖨️ Print Poster	Print roadmap as an expanded poster
✅ Print Checklist	Print progress as a printable checklist
📌 Print Bookmarks	Print all bookmarked topics as summary

📌 Bookmarking

• ⭐ Bookmark any node across any roadmap
• View all bookmarks in one place
• Export bookmarks as a study plan (Markdown)

⏱️ Study Timer

• 🍅 Pomodoro timer built into each roadmap
• Track study time per roadmap
• Total study time displayed in header
• Automatic break reminders

🏆 Achievements

Unlock badges as you learn:

Achievement	Requirement
🌟 First Steps	Complete your first node
🔥 Getting Serious	Complete 10 nodes
🏆 Roadmap Master	Complete an entire roadmap
🧠 Polymath	Start 5 different roadmaps
📌 Collector	Bookmark 10 nodes
⏰ Dedicated	Study for 1 hour total

🎨 Theming

Three theme modes:

• 🌙 Dark — Default dark theme
• ☀️ Light — Clean light theme
• 🔄 Auto — Follows your system preference (prefers-color-scheme)

Theme transitions are smooth and your choice is persisted across visits.

🚀 Quick Start

Option 1: Visit Live Demo

Open the GitHub Pages URL in your browser.

Option 2: Open Locally

Just open index.html in your browser — no build step needed!

Option 3: Clone & Serve

git clone https://github.com/rudra496/devroadmaps.git
cd devroadmaps
python3 -m http.server 8000
# Open http://localhost:8000

🛠️ Tech Stack

• HTML5 — Semantic markup
• CSS3 — Custom properties, glassmorphism, animations
• Vanilla JavaScript — Zero dependencies
• GitHub Pages — Hosting

📁 Project Structure

devroadmaps/
├── index.html          # Landing page
├── roadmap.html        # Roadmap viewer
├── css/style.css       # All styles (dark + light themes)
├── js/
│   ├── main.js         # Core JavaScript
│   ├── community.js    # Community tips, ratings, resource filters
│   ├── learning-paths.js # Learning paths & bookmarks
│   └── timer.js        # Study timer & achievements
├── roadmaps/
│   ├── frontend.json   # Roadmap data (17 files)
│   ├── backend.json
│   ├── fullstack.json
│   ├── ml-ai.json
│   ├── devops.json
│   ├── mobile.json
│   ├── cybersecurity.json
│   ├── data-engineer.json
│   ├── blockchain.json
│   ├── game-dev.json
│   ├── embedded-iot.json
│   ├── product-manager.json
│   ├── devsecops.json
│   ├── qa-engineer.json
│   ├── technical-writer.json
│   ├── low-code-no-code.json
│   └── cloud-architect.json
├── .github/
│   └── ISSUE_TEMPLATE/
│       ├── bug_report.md
│       └── feature_request.md
├── README.md
├── CONTRIBUTING.md
├── CODE_OF_CONDUCT.md
├── SECURITY.md
└── LICENSE

🤝 Contributing

We welcome contributions! See CONTRIBUTING.md for guidelines.

Ways to contribute:

• 🐛 Fix broken resource links
• ➕ Add new nodes or resources to existing roadmaps
• 🗺️ Propose a new roadmap
• 💬 Share community tips
• 🎨 Improve the design
• 📝 Improve documentation

📄 License

MIT License — free for personal and commercial use.

---

Made with ❤️ for developers everywhere

⭐ Star this repo if you find it useful!

🌐 Connect

• 
• 
• 
• 
• 
• 
• 

---

Built with ❤️ by rudra496
_{MIT License · Free & Open Source Forever}