{"id":32441421,"url":"https://github.com/shade-solutions/devatlas","last_synced_at":"2026-07-13T15:31:27.839Z","repository":{"id":320694673,"uuid":"1083050800","full_name":"shade-solutions/devatlas","owner":"shade-solutions","description":"Developer Roadmaps","archived":false,"fork":false,"pushed_at":"2026-05-21T11:18:10.000Z","size":1781,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-21T19:47:55.504Z","etag":null,"topics":["devatlas","devops","qwik","reactflow","roadmap","roadmap-sh"],"latest_commit_sha":null,"homepage":"https://devatlas.strivio.world/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shade-solutions.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-25T08:41:46.000Z","updated_at":"2026-05-21T11:18:15.000Z","dependencies_parsed_at":"2025-10-25T10:23:53.972Z","dependency_job_id":"59379d9a-5f7d-4330-8455-6f2e5ed6e501","html_url":"https://github.com/shade-solutions/devatlas","commit_stats":null,"previous_names":["shade-solutions/devatlas"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shade-solutions/devatlas","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shade-solutions%2Fdevatlas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shade-solutions%2Fdevatlas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shade-solutions%2Fdevatlas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shade-solutions%2Fdevatlas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shade-solutions","download_url":"https://codeload.github.com/shade-solutions/devatlas/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shade-solutions%2Fdevatlas/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35427834,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-13T02:00:06.543Z","response_time":119,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devatlas","devops","qwik","reactflow","roadmap","roadmap-sh"],"created_at":"2025-10-26T01:58:05.980Z","updated_at":"2026-07-13T15:31:27.834Z","avatar_url":"https://github.com/shade-solutions.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DevAtlas 🚀\n\n\n- https://devatlas.strivio.world/\n\n[![Visitors](https://api.visitorbadge.io/api/combined?path=https%3A%2F%2Fgithub.com%2Fshade-solutions%2Fdevatlas\u0026countColor=%23263759\u0026style=flat-square\u0026labelStyle=upper)](https://visitorbadge.io/status?path=https%3A%2F%2Fgithub.com%2Fshade-solutions%2Fdevatlas)\n\n\n\u003e **“Your map to mastering development.”**\n\u003e DevAtlas is an open-source, AI-enhanced, interactive roadmap platform that helps developers navigate the ever-evolving tech landscape. From beginner to advanced, DevAtlas gives you **visualized roadmaps**, **personalized learning paths**, and a **community-driven ecosystem** to accelerate learning.\n\n---\n\n## Table of Contents\n\n* [Why DevAtlas?](#why-devatlas)\n* [What is DevAtlas?](#what-is-devatlas)\n* [Core Features](#core-features)\n* [Roadmaps](#roadmaps)\n\n  * [Role-based Roadmaps](#role-based-roadmaps)\n  * [Skill-based Roadmaps](#skill-based-roadmaps)\n  * [Project Ideas](#project-ideas)\n* [Guides \u0026 Videos](#guides--videos)\n* [Tech Stack](#tech-stack)\n* [Libraries \u0026 Tools](#libraries--tools)\n* [Getting Started](#getting-started)\n* [Contributing](#contributing)\n* [License](#license)\n\n---\n\n## Why DevAtlas?\n\nDevelopers often struggle with **where to start** and **what to learn next**. Existing resources like roadmap.sh provide static guidance but lack personalization, interactivity, and AI-driven suggestions.\n\n**DevAtlas solves this by:**\n\n* Visualizing learning paths interactively.\n* Offering AI-generated personalized roadmaps.\n* Supporting community contributions.\n* Gamifying learning with badges, streaks, and progress tracking.\n* Providing curated guides, articles, and video tutorials.\n\n---\n\n## What is DevAtlas?\n\nDevAtlas is a **Qwik + React Flow-based roadmap platform** designed to help learners **navigate tech careers and skills visually**. It supports:\n\n* **Role-based and skill-based roadmaps**\n* **Interactive nodes with resources**\n* **AI-assisted personalized roadmaps**\n* **Progress tracking and gamification**\n* **Community-driven contributions**\n\nIt’s fast, interactive, and designed for developers, learners, and educators alike.\n\n---\n\n## Core Features\n\n1. **Interactive Roadmaps**\n\n   * Clickable nodes with videos, docs, and projects.\n   * Color-coded skill levels (Beginner → Advanced).\n\n2. **AI-Powered Personalization**\n\n   * Generate roadmap based on career goal and skill level.\n   * Suggest next learning steps dynamically.\n\n3. **Community Contributions**\n\n   * Fork and submit roadmaps.\n   * Upvote/downvote resources.\n\n4. **Progress Tracking \u0026 Gamification**\n\n   * Badges, XP, streaks.\n   * Sync progress with GitHub.\n\n5. **Guides \u0026 Videos Section**\n\n   * Curated articles and tutorials.\n   * Embed videos for hands-on learning.\n\n---\n\n## Roadmaps\n\n### Role-based Roadmaps\n\n* **Frontend**\n* **Backend**\n* **Full Stack**\n* **DevOps**\n* **Data Analyst**\n* **AI Engineer**\n* **AI \u0026 Data Scientist**\n* **Data Engineer**\n* **Android**\n* **Machine Learning**\n* **PostgreSQL**\n* **iOS**\n* **Blockchain**\n* **QA**\n* **Software Architect**\n* **Cyber Security**\n* **UX Design**\n* **Technical Writer**\n* **Game Developer**\n* **Server Side Game Developer**\n* **MLOps**\n* **Product Manager**\n* **Engineering Manager**\n* **Developer Relations**\n* **BI Analyst**\n* **Create Your Own Roadmap**\n\n### Skill-based Roadmaps\n\n* **SQL**\n* **Computer Science**\n* **React, Vue, Angular**\n* **JavaScript, TypeScript, Node.js, Python**\n* **System Design, Java, C++, Go, Rust, Kotlin**\n* **Spring Boot, ASP.NET Core, API Design, Flutter**\n* **GraphQL, React Native, Design System, Prompt Engineering**\n* **MongoDB, Redis, Linux, Kubernetes, Docker, AWS, Terraform**\n* **Data Structures \u0026 Algorithms**\n* **Git \u0026 GitHub, PHP, Cloudflare**\n* **AI Red Teaming, AI Agents, Next.js**\n* **Code Review, HTML, CSS, Swift \u0026 Swift UI**\n* **Create Your Own Roadmap**\n\n### Project Ideas\n\n* **Frontend Projects**\n* **Backend Projects**\n* **DevOps Projects**\n* **Best Practices**\n* **Backend Performance**\n* **Frontend Performance**\n* **API Security**\n* **Code Reviews**\n* **AWS Projects**\n\n---\n\n## Guides \u0026 Videos\n\n### Guides\n\n* Top 37 REST API Interview Questions (and Answers)\n* Top 20 Python Interview Questions and Answers\n* Is Python Hard to Learn? Our Experts Say…\n* What Does a Data Analyst Do?\n* Go vs Rust Compared: Which is Right for You?\n* Python vs JavaScript: The Ultimate Guide for 2025\n* Top 80 JavaScript Coding Interview Questions and Answers\n* Top 100 Node.js Interview Questions and Answers\n* Top 100 Java Interview Questions: Ace Your Interview\n* Data Analyst vs Business Analyst Roles: How to Choose\n* How Long Does It Take to Learn JS? A Career Seeker's Guide\n* Is JavaScript Hard to Learn? Advice from a Pro\n* Top 30 SQL Interview Questions and Answers\n* 30 SQL Queries Interview Questions and Answers\n\n### Videos\n\n* The Ultimate Frontend Developer Roadmap (10 min)\n* Session Based Authentication (2 min)\n* Basic Authentication (5 min)\n* Basics of Authentication (5 min)\n* Graph Data Structure (13 min)\n* Heap Data Structure (11 min)\n* Tree Data Structure (8 min)\n\n\u003e More guides and videos will be added continuously by the DevAtlas community.\n\n---\n\n## Tech Stack\n\n**Frontend:** Qwik, React Flow, TailwindCSS, Framer Motion, ShadCN UI\n**Backend:** Node.js / FastAPI, PostgreSQL, Redis\n**AI/Personalization:** OpenAI, Pinecone / Supabase Vector\n**Hosting:** Vercel (frontend), Railway/Fly.io (backend)\n**Authentication:** Clerk / Auth.js\n**Optional:** Three.js / React Three Fiber for 3D roadmap visualizations\n\n---\n\n## Libraries \u0026 Tools\n\n* **Animation:** Framer Motion, GSAP, Lottie\n* **Visualization:** React Flow, D3.js, vis-network\n* **State Management:** Zustand, Jotai\n* **Collaboration:** Liveblocks, Supabase Realtime, Firebase\n* **Markdown/Docs:** MDX, React Syntax Highlighter\n* **Gamification:** Progressbar.js, React Confetti, React Spring\n* **Media Embeds:** ReactPlayer, Vime.js\n\n---\n\n## Getting Started\n\n```bash\n# Clone the repo\ngit clone https://github.com/shade-solutions/devatlas.git\ncd devatlas\n\n# Install dependencies\nnpm install\n\n# Start frontend (Qwik)\nnpm run dev\n\n# Start backend\nnpm run start:backend\n```\n\nVisit `http://localhost:5173` to view your local DevAtlas instance.\n\n---\n\n## Contributing\n\n1. Fork the repo.\n2. Create a branch: `git checkout -b feature/your-feature`\n3. Commit changes: `git commit -m \"Add your feature\"`\n4. Push: `git push origin feature/your-feature`\n5. Open a Pull Request.\n\nWe welcome contributions to **roadmaps, guides, videos, and features**!\n\n---\n\n## License\n\nMIT License © 2025 DevAtlas\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshade-solutions%2Fdevatlas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshade-solutions%2Fdevatlas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshade-solutions%2Fdevatlas/lists"}