devroadmaps

``` ____ __ ____ __ / __ \__ __/ /_____ _____ / __ \____ ____ ____/ /_ / /_/ / / / / __/ __ \/ ___/ / / / / __ \/ __ \/ __ __ \ / _, _/ /_/ / /_/ /_/ / / / /_/ / /_/ / / / / /_/ / / / /_/ |_|\__,_/\__/\____/_/ \____/ .___/_/ /_/\__,_/_/ _/ /_/ ``` # 🗺️ DevRoadmaps **The open-source roadmap.sh alternative** > 17 comprehensive roadmaps • 800+ topics • 1,700+ free resources • 100% free forever [](https://rudra496.github.io/devroadmaps) [](LICENSE) [](#roadmaps) [](#) [](#) --- ## ✨ 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](roadmaps/frontend.json) | 52 | HTML, CSS, JS, React, Vue, Angular, and more | | 2 | ⚙️ [Backend Developer](roadmaps/backend.json) | 50 | Python, Node, Go, APIs, databases, Docker | | 3 | 🌐 [Full Stack Developer](roadmaps/fullstack.json) | 50 | End-to-end web development | | 4 | 🧠 [ML / AI Engineer](roadmaps/ml-ai.json) | 50 | Machine learning, deep learning, LLMs | | 5 | ☁️ [DevOps / Cloud](roadmaps/devops.json) | 50 | Docker, K8s, AWS, Terraform, CI/CD | | 6 | 📱 [Mobile Developer](roadmaps/mobile.json) | 50 | Flutter, React Native, Swift, Kotlin | | 7 | 🔒 [Cybersecurity](roadmaps/cybersecurity.json) | 50 | Pentesting, OWASP, cloud security | | 8 | 🗃️ [Data Engineer](roadmaps/data-engineer.json) | 50 | Spark, Kafka, Snowflake, Airflow | | 9 | ⛓️ [Blockchain / Web3](roadmaps/blockchain.json) | 50 | Solidity, DeFi, smart contracts | | 10 | 🎮 [Game Developer](roadmaps/game-dev.json) | 50 | Unity, Godot, Unreal, C#, C++ | | 11 | 🔌 [Embedded / IoT](roadmaps/embedded-iot.json) | 50 | Arduino, ESP32, RTOS, sensors | | 12 | 🛡️ [DevSecOps Engineer](roadmaps/devsecops.json) | 40 | Container security, SAST/DAST, compliance, zero trust | | 13 | 🧪 [QA / Test Engineer](roadmaps/qa-engineer.json) | 43 | Selenium, Playwright, performance testing, BDD, TDD | | 14 | ✍️ [Technical Writer](roadmaps/technical-writer.json) | 42 | API docs, Docusaurus, Mermaid, content strategy | | 15 | ⚡ [Low-Code / No-Code](roadmaps/low-code-no-code.json) | 32 | Bubble, Webflow, Zapier, Airtable, Shopify, Retool, FlutterFlow | | 16 | 🏗️ [Cloud Architect](roadmaps/cloud-architect.json) | 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 ```bash 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](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](https://github.com/rudra496/devroadmaps) if you find it useful!

🌐 Connect

• 
• 
• 
• 
• 
• 
• 

---

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

Built With

• css
• html
• javascript