🧠 The most complete, community-powered reference for Full-Stack Developers.
From your firstconsole.logto deploying globally-distributed, production-grade systems.
Built by engineers, for engineers. 100% open source. Forever free.
⭐ Star this Repo · 🍴 Fork & Customize · 🐛 Report an Issue · 💡 Suggest a Resource
Frontend ──────► API Layer ──────► Backend ──────► Database
▲ │
└──────────────── Full-Stack ◄────────────────────┘
| # | 🗂️ Section | 📦 Resources | 🔗 |
|---|---|---|---|
| 01 | 🧱 Fundamentals | 110+ | Jump → |
| 02 | 🎨 Frontend | 160+ | Jump → |
| 03 | ⚙️ Backend | 140+ | Jump → |
| 04 | 🗄️ Databases | 110+ | Jump → |
| 05 | 🔌 APIs | 100+ | Jump → |
| 06 | 🔐 Authentication | 80+ | Jump → |
| 07 | 🌿 Version Control | 70+ | Jump → |
| 08 | 🚀 DevOps | 110+ | Jump → |
| 09 | 🧪 Testing | 90+ | Jump → |
| 10 | ⚡ Performance | 80+ | Jump → |
| 11 | 🛡️ Security | 90+ | Jump → |
| 12 | 🏛️ Architecture | 80+ | Jump → |
| 13 | ☁️ Cloud & Deployment | 100+ | Jump → |
| 14 | 🗜️ Monorepo Tools | 60+ | Jump → |
| 15 | 🌍 Open Source | 70+ | Jump → |
| 16 | 💡 Project Ideas | 100+ | Jump → |
🧱 The bedrock every full-stack engineer must master — languages, data structures, algorithms, and the web itself
| Resource | What You'll Learn | Level | Link |
|---|---|---|---|
| 🟠 MDN Web Docs | HTML, CSS, JS — the canonical reference | 🟢 All | developer.mozilla.org |
| 🌐 web.dev | Modern capabilities, Core Web Vitals | 🟡 Int | web.dev |
| 📖 HTML Spec | Living HTML specification | 🔴 Adv | html.spec.whatwg.org |
| 🎨 CSS Specification | CSS Working Group drafts | 🔴 Adv | drafts.csswg.org |
| 📡 HTTP/3 Explained | Modern HTTP protocol | 🟡 Int | http3-explained.haxx.se |
| 🔄 How Browsers Work | Deep dive into rendering | 🔴 Adv | web.dev/howbrowserswork |
| 🌊 Web APIs Index | Every browser API indexed | 🟡 Int | developer.mozilla.org/Web/API |
| Resource | Description | Free? | Link |
|---|---|---|---|
| 📗 JavaScript.info | The most complete JS tutorial | ✅ | javascript.info |
| 📘 You Don't Know JS | Deep internals of JavaScript | ✅ | github.com/getify/You-Dont-Know-JS |
| 📙 Eloquent JavaScript | Textbook + interactive exercises | ✅ | eloquentjavascript.net |
| 🎯 33 JS Concepts | 33 concepts every dev must know | ✅ | github.com/leonardomso/33-js-concepts |
| ⚡ JS Algorithms | Algorithms & DS in JavaScript | ✅ | github.com/trekhleb/javascript-algorithms |
| 🔷 TypeScript Handbook | Official TypeScript guide | ✅ | typescriptlang.org/docs |
| 🌊 Total TypeScript | Advanced TypeScript patterns | Freemium | totaltypescript.com |
| 🧠 TypeScript Deep Dive | Free TypeScript book | ✅ | basarat.gitbook.io/typescript |
| Resource | Language | Link |
|---|---|---|
| ⚔️ LeetCode | 3000+ coding problems | leetcode.com |
| 🏋️ NeetCode.io | Structured DSA roadmap | neetcode.io |
| 🌊 AlgoExpert | 160 hand-picked questions | algoexpert.io |
| 🎯 Visualgo | Algorithm visualizations | visualgo.net |
| 🧩 Data Structures Easy | Visual explanations | geeksforgeeks.org/data-structures |
| 📕 The Algorithm Design Manual | Classic reference book | algorist.com |
| 🏆 Codeforces | Competitive programming | codeforces.com |
| 🎮 Codewars | Kata-based challenges | codewars.com |
| Resource | Topic | Link |
|---|---|---|
| 🎓 CS50 (Harvard) | Intro to CS — free & legendary | cs50.harvard.edu |
| 🔵 OSSU Curriculum | Full CS degree, free online | github.com/ossu/computer-science |
| 🌐 Networking Fundamentals | TCP/IP, DNS, HTTP | cloudflare.com/learning |
| 💾 OS Concepts | Operating systems theory | os.ecci.ucr.ac.cr/slides/Abraham-Silberschatz-Operating-System-Concepts.pdf |
| 🔢 Discrete Mathematics | Math for CS | discrete.openmathbooks.org |
| 🗺️ roadmap.sh | Visual full-stack roadmap | roadmap.sh/full-stack |
🎨 Modern interfaces — frameworks, tooling, CSS, components, and the art of the browser
| Framework | Paradigm | GitHub Stars | Weekly Downloads | Link |
|---|---|---|---|---|
| ⚛️ React 19 | Declarative UI | 220K+ | 25M+ | react.dev |
| 💚 Vue 3 | Progressive | 207K+ | 5M+ | vuejs.org |
| 🔺 Angular 17 | Full Framework | 95K+ | 3M+ | angular.io |
| 🟠 Svelte 5 | Compiled | 77K+ | 900K+ | svelte.dev |
| 🔷 SolidJS | Reactive Signals | 31K+ | 200K+ | solidjs.com |
| 🌊 Qwik | Resumable | 20K+ | 100K+ | qwik.dev |
| 🎪 Alpine.js | Lightweight | 27K+ | 400K+ | alpinejs.dev |
| ⚡ Preact | 3KB React | 36K+ | 6M+ | preactjs.com |
| Framework | Base | Rendering | Link |
|---|---|---|---|
| ▲ Next.js 14 | React | SSR/SSG/ISR/Edge | nextjs.org |
| 🔴 Remix | React | SSR/Progressive | remix.run |
| 🚀 Astro 4 | Any | MPA + Islands | astro.build |
| 🍃 SvelteKit | Svelte | SSR/SSG | kit.svelte.dev |
| 🟠 Nuxt 3 | Vue | SSR/SSG/Hybrid | nuxt.com |
| 💎 Gatsby 5 | React | SSG/DSG | gatsbyjs.com |
| 🌐 Analog | Angular | SSR/SSG | analogjs.org |
| 🔥 TanStack Start | React | SSR/Full-stack | tanstack.com/start |
| Resource | Approach | Bundle | Link |
|---|---|---|---|
| 💨 Tailwind CSS v4 | Utility-first | Variable | tailwindcss.com |
| Component | ~22KB | getbootstrap.com | |
| 🌊 Bulma | Flexbox | ~23KB | bulma.io |
| 🌑 Open Props | CSS Custom Props | ~4KB | open-props.style |
| 💅 CSS Modules | Scoped Styles | 0KB | github.com/css-modules |
| 🔮 Vanilla Extract | Zero-runtime CSS-in-JS | 0KB | vanilla-extract.style |
| 🎨 styled-components | CSS-in-JS | ~12KB | styled-components.com |
| ⚡ Stitches | Near-zero CSS-in-JS | ~6KB | stitches.dev |
| 🌸 UnoCSS | Atomic CSS Engine | Variable | unocss.dev |
| Library | Framework | Style | Link |
|---|---|---|---|
| 🎨 shadcn/ui | React | Tailwind + Radix | ui.shadcn.com |
| 🔵 MUI v6 | React | Material Design | mui.com |
| 🎪 Chakra UI | React | Utility | chakra-ui.com |
| 🌸 Mantine v7 | React | Custom | mantine.dev |
| 🔺 Ant Design | React | Enterprise | ant.design |
| 💙 Radix UI | React | Headless | radix-ui.com |
| 🌊 Vuetify 3 | Vue | Material | vuetifyjs.com |
| 🔥 PrimeVue | Vue | Custom | primevue.org |
| 🍃 Flowbite | Any | Tailwind | flowbite.com |
| 🎭 Headless UI | React/Vue | Headless | headlessui.com |
| Tool | Role | Speed | Link |
|---|---|---|---|
| ⚡ Vite 5 | Dev Server + Bundler | ⚡⚡⚡ | vitejs.dev |
| 🦕 Turbopack | Rust Bundler (Next.js) | ⚡⚡⚡ | turbo.build/pack |
| 🏎️ esbuild | Go-based Bundler | ⚡⚡⚡ | esbuild.github.io |
| 📦 Webpack 5 | Feature-rich Bundler | ⚡⚡ | webpack.js.org |
| 🍣 Rollup | ES Module Bundler | ⚡⚡ | rollupjs.org |
| 🔧 Parcel 2 | Zero-config | ⚡⚡ | parceljs.org |
| 🧹 ESLint | Linting | — | eslint.org |
| 💅 Prettier | Code Formatting | — | prettier.io |
| 🔨 Babel | Transpiling | — | babeljs.io |
| 🌊 Biome | Rust-based Lint+Format | ⚡⚡⚡ | biomejs.dev |
| Library | Framework | Pattern | Link |
|---|---|---|---|
| 🐻 Zustand | React | Atomic | zustand-demo.pmnd.rs |
| 🔷 Redux Toolkit | React | Flux | redux-toolkit.js.org |
| 🌊 Jotai | React | Atomic | jotai.org |
| 💎 Recoil | React | Atomic | recoiljs.org |
| 🔥 TanStack Query | Any | Server State | tanstack.com/query |
| 🍍 Pinia | Vue | Composition | pinia.vuejs.org |
| 🎪 XState | Any | State Machines | xstate.js.org |
| 🔶 MobX | Any | Observable | mobx.js.org |
| 🌸 Valtio | React | Proxy | valtio.pmnd.rs |
⚙️ The engine room — servers, runtimes, frameworks, queues and everything that keeps the lights on
| Framework | Style | Stars | Link |
|---|---|---|---|
| 🚂 Express.js | Minimalist | 64K+ | expressjs.com |
| 🦅 Fastify | High-performance | 31K+ | fastify.io |
| 🐦 NestJS | Enterprise / Angular-like | 65K+ | nestjs.com |
| ⚡ Hono | Edge-first Ultrafast | 18K+ | hono.dev |
| 🌊 Elysia | Bun-native Framework | 10K+ | elysiajs.com |
| 🌳 Koa | Express Successor | 35K+ | koajs.com |
| 🐘 AdonisJS | Laravel for Node | 16K+ | adonisjs.com |
| 🎯 Hapi.js | Enterprise Configuration | 14K+ | hapi.dev |
| Runtime | Language | Key Feature | Link |
|---|---|---|---|
| 💚 Node.js LTS | JavaScript | Stable, massive ecosystem | nodejs.org |
| 🦕 Deno 2 | TypeScript native | Secure by default | deno.land |
| 🍞 Bun | TypeScript | All-in-one, blazing fast | bun.sh |
| 🔵 Cloudflare Workers | JS/WASM | Edge computing | workers.cloudflare.com |
| ⚡ WinterJS | JavaScript | WASM-based runtime | wasmer.io/winterjs |
| Framework | Type | Best For | Link |
|---|---|---|---|
| ⚡ FastAPI | Async ASGI | APIs, ML services | fastapi.tiangolo.com |
| 🎸 Django 5 | Batteries-included | Full web apps | djangoproject.com |
| 🍶 Flask | Micro framework | Lightweight APIs | flask.palletsprojects.com |
| 🦄 Starlette | ASGI toolkit | Performance | starlette.io |
| 🌊 Litestar | Modern ASGI | Full-featured | litestar.dev |
| 🎯 Sanic | Async Framework | Speed | sanicframework.org |
| Framework | Language | Strength | Link |
|---|---|---|---|
| 🔴 Ruby on Rails 7 | Ruby | Rapid development | rubyonrails.org |
| 🐘 Laravel 11 | PHP | Full-stack PHP | laravel.com |
| 🍀 Spring Boot 3 | Java/Kotlin | Enterprise | spring.io |
| 🦫 Gin | Go | Ultra performance | gin-gonic.com |
| 🐬 Fiber | Go | Express-like | gofiber.io |
| 🦀 Axum | Rust | Safety + Speed | github.com/tokio-rs/axum |
| 🦀 Actix-web | Rust | Highest performance | actix.rs |
| 🔷 ASP.NET Core 8 | C# | Microsoft ecosystem | dotnet.microsoft.com |
| 🐬 Ktor | Kotlin | JVM async | ktor.io |
| 🔥 Phoenix | Elixir | Concurrency | phoenixframework.org |
| Tool | Type | Use Case | Link |
|---|---|---|---|
| 🔴 Redis | In-memory queue | Fast job queues | redis.io |
| 🟠 Apache Kafka | Event streaming | High-throughput events | kafka.apache.org |
| 🐰 RabbitMQ | Message broker | Complex routing | rabbitmq.com |
| 🔵 BullMQ | Node.js queues | Redis-based jobs | bullmq.io |
| 🌊 NATS | Lightweight messaging | Microservices | nats.io |
| ☁️ AWS SQS | Managed queues | Cloud-native | aws.amazon.com/sqs |
| 🎯 Upstash QStash | Serverless queues | Edge-compatible | upstash.com/qstash |
🗄️ Relational, document, graph, key-value — every data storage technology mapped
| Database | Strengths | Managed Option | Link |
|---|---|---|---|
| 🐘 PostgreSQL 16 | Gold standard, JSON support | Neon, Supabase, RDS | postgresql.org |
| 🐬 MySQL 8 | Widely supported | PlanetScale, RDS | mysql.com |
| 🔵 SQLite | Embedded, file-based | Turso (distributed) | sqlite.org |
| 🔴 MariaDB | MySQL-compatible fork | Managed | mariadb.org |
| 🔷 MS SQL Server | Windows enterprise | Azure SQL | microsoft.com/sql-server |
| 🌊 CockroachDB | Distributed SQL | CockroachCloud | cockroachlabs.com |
| 🎯 TimescaleDB | Time-series PostgreSQL | Timescale Cloud | timescale.com |
| ❄️ Snowflake | Data warehouse | Cloud | snowflake.com |
| Database | Type | Best For | Link |
|---|---|---|---|
| 🍃 MongoDB 7 | Document | Flexible schemas | mongodb.com |
| 🔴 Redis 7 | Key-value / Cache | Session, caching | redis.io |
| 🧊 Apache Cassandra | Wide-column | Time-series, IoT | cassandra.apache.org |
| 🔷 DynamoDB | Key-value | AWS serverless | aws.amazon.com/dynamodb |
| 🔥 Firestore | Document | Real-time sync | firebase.google.com/firestore |
| 🌿 FaunaDB | Document + Relations | Serverless | fauna.com |
| 🌊 Couchbase | Document + Cache | Mobile sync | couchbase.com |
| 🔮 ArangoDB | Multi-model | Graphs + Docs | arangodb.com |
| Database | Type | Link |
|---|---|---|
| 🔍 Elasticsearch | Full-text search | elastic.co |
| 🦔 Meilisearch | Fast OSS search | meilisearch.com |
| 🌊 Typesense | Typo-tolerant search | typesense.org |
| 🔵 Algolia | Search as a service | algolia.com |
| 🧬 Pinecone | Vector database | pinecone.io |
| 🔷 Weaviate | Vector + GraphQL | weaviate.io |
| 🌸 Qdrant | Rust vector DB | qdrant.tech |
| 🔴 pgvector | Postgres extension | github.com/pgvector/pgvector |
| 🌊 Chroma | Embedding store | trychroma.com |
| Tool | Language | Databases | Link |
|---|---|---|---|
| 🔷 Prisma 5 | TypeScript | Multi-DB | prisma.io |
| 🐢 Drizzle ORM | TypeScript | SQL | orm.drizzle.team |
| 🌀 TypeORM | TypeScript | Multi-DB | typeorm.io |
| 🔶 Sequelize | Node.js | SQL | sequelize.org |
| 🧪 Kysely | TypeScript | SQL | kysely.dev |
| 🐍 SQLAlchemy 2 | Python | Multi-DB | sqlalchemy.org |
| 🔴 ActiveRecord | Ruby | Multi-DB | guides.rubyonrails.org/active_record |
| 🍀 Eloquent | PHP | Multi-DB | laravel.com/docs/eloquent |
| 🦫 GORM | Go | Multi-DB | gorm.io |
| Tool | Databases | Platform | Link |
|---|---|---|---|
| 🔵 TablePlus | 20+ DBs | Mac/Win/Linux | tableplus.com |
| 🌊 DBeaver | Universal | All platforms | dbeaver.io |
| 🐘 pgAdmin 4 | PostgreSQL | Web/Desktop | pgadmin.org |
| 🍃 MongoDB Compass | MongoDB | Desktop | mongodb.com/compass |
| 🔴 RedisInsight | Redis | Desktop/Web | redis.com/redis-insight |
| 🏔️ Beekeeper Studio | SQL DBs | OSS Desktop | beekeeperstudio.io |
| 🔷 Drizzle Studio | Drizzle ORM | Web | orm.drizzle.team/drizzle-studio |
🔌 Design, build, document and consume APIs — REST, GraphQL, gRPC and beyond
| Tool | Type | Platform | Link |
|---|---|---|---|
| 🟠 Postman | Full API platform | Web/Desktop | postman.com |
| 🔵 Insomnia | Open source client | Desktop | insomnia.rest |
| ⚡ Bruno | Local-first API | Desktop | usebruno.com |
| 🌊 Hoppscotch | Open source web tool | Web/Desktop | hoppscotch.io |
| 🎯 HTTPie | Terminal HTTP client | CLI/Desktop | httpie.io |
| 🔷 Thunder Client | VS Code extension | VS Code | thunderclient.com |
| 🔴 REST Client | VS Code extension | VS Code | marketplace.visualstudio.com |
| 🌸 Scalar | Beautiful API docs | Web | scalar.com |
| Protocol | Description | Best For | Link |
|---|---|---|---|
| 🔵 REST | Stateless HTTP | General APIs | restfulapi.net |
| 🟣 GraphQL | Query language | Flexible data fetching | graphql.org |
| 🟡 gRPC | High-performance RPC | Microservices | grpc.io |
| 🌊 WebSocket | Full-duplex | Real-time apps | websocket.org |
| 📡 SSE | Server-sent events | Live feeds | developer.mozilla.org/SSE |
| 🔷 tRPC | TypeScript RPC | Full-stack TypeScript | trpc.io |
| 🏗️ JSON:API | Spec for REST | Standardized REST | jsonapi.org |
| ⚡ Webhook | Event-driven HTTP | Async notifications | webhook.site |
| Tool | Type | Link |
|---|---|---|
| 📖 OpenAPI 3.1 | Specification standard | openapis.org |
| 🎨 Swagger UI | API explorer | swagger.io |
| 🔵 Redoc | OpenAPI renderer | redocly.com |
| 🌸 Scalar | Modern API reference | scalar.com |
| 📚 Docusaurus | Documentation site | docusaurus.io |
| 🎯 Stoplight | Design-first API | stoplight.io |
| 🔷 ReadMe | Developer hub | readme.com |
| 🌊 Mintlify | Beautiful docs | mintlify.com |
| Category | API | Free Tier | Link |
|---|---|---|---|
| 🤖 AI/LLM | OpenAI | Limited | platform.openai.com |
| 🗺️ Maps | Mapbox | 50K events/mo | mapbox.com |
| 💳 Payments | Stripe | No monthly fee | stripe.com/docs |
| Resend | 3K/mo | resend.com | |
| 📩 Transactional | Postmark | 100/mo | postmarkapp.com |
| 🌤️ Weather | Tomorrow.io | 500/day | tomorrow.io |
| 💬 SMS | Twilio | Trial credits | twilio.com |
| 🔔 Push | OneSignal | 10K subs | onesignal.com |
| 🐙 VCS | GitHub API | Generous | docs.github.com/rest |
| 🎵 Music | Spotify | Free | developer.spotify.com |
| 📍 IP Geo | ipapi | 30K/mo | ipapi.co |
| 🔍 Search | Serper | 2500 queries | serper.dev |
🔐 Identity, sessions, tokens, and keeping your users secure
| Library | Platform | Strategy | Link |
|---|---|---|---|
| 🔒 Auth.js v5 (NextAuth) | Next.js/Node | Multi-provider | authjs.dev |
| 🔑 Passport.js | Node.js | Strategy-based | passportjs.org |
| 🔓 Lucia v3 | Framework-agnostic | Session-based | lucia-auth.com |
| 🏰 Oslo | TypeScript auth | Primitives | oslojs.dev |
| 🌱 better-auth | TypeScript | Modern auth | better-auth.com |
| 🐦 Hono Auth | Hono.js | Middleware | hono.dev/middleware/auth |
| 🐘 Django Allauth | Django | Multi-provider | allauth.org |
| 🍀 Laravel Sanctum | Laravel | SPA/API tokens | laravel.com/sanctum |
| Service | Free Tier | Features | Link |
|---|---|---|---|
| 🛡️ Clerk | 10K MAU | Full UI kit | clerk.com |
| 🔐 Auth0 | 7,500 MAU | Enterprise | auth0.com |
| 🔥 Firebase Auth | Unlimited | Google infra | firebase.google.com/auth |
| 🐘 Supabase Auth | Generous | Open source | supabase.com/docs/auth |
| 🌊 WorkOS | Limited | Enterprise SSO | workos.com |
| 🔑 Stytch | 25 MAU free | Passwordless | stytch.com |
| 🔮 Hanko | Open source | Passkey-first | hanko.io |
| 🟣 Kinde | 10,500 MAU | Modern UX | kinde.com |
| 🏰 Keycloak | Self-hosted | Enterprise | keycloak.org |
| Standard | Description | Link |
|---|---|---|
| 🎫 JWT | JSON Web Tokens — self-contained tokens | jwt.io |
| 🔐 OAuth 2.0 | Authorization framework standard | oauth.net/2 |
| 🪪 OpenID Connect | Identity layer over OAuth 2.0 | openid.net/connect |
| 🔑 PKCE | Code exchange for public clients | oauth.net/2/pkce |
| 🛡️ FIDO2/WebAuthn | Passwordless & biometric auth | fidoalliance.org |
| 🔒 SAML 2.0 | Enterprise SSO standard | saml.xml.org |
| 🌊 SCIM | User provisioning protocol | simplecloud.info |
| 🏷️ MFA/TOTP | Time-based one-time passwords | datatracker.ietf.org/rfc6238 |
🌿 Git mastery, collaboration workflows, and code review culture
| Platform | Focus | Free Private Repos | Link |
|---|---|---|---|
| 🐙 GitHub | Open source hub | ✅ Unlimited | github.com |
| 🦊 GitLab | DevOps platform | ✅ Unlimited | gitlab.com |
| 🪣 Bitbucket | Atlassian ecosystem | ✅ 5 users | bitbucket.org |
| 🔵 Azure DevOps | Microsoft enterprise | ✅ 5 users | dev.azure.com |
| 🌸 Gitea | Lightweight self-hosted | Self-hosted | gitea.io |
| 🏠 Forgejo | Gitea fork, community | Self-hosted | forgejo.org |
| Resource | Type | Link |
|---|---|---|
| 📖 Pro Git | Free, official book | git-scm.com/book |
| 🎮 Learn Git Branching | Interactive visual | learngitbranching.js.org |
| 🎯 Oh My Git! | Game to learn Git | ohmygit.org |
| 📋 Git Cheat Sheet | Quick reference | education.github.com/git-cheat-sheet |
| 🔥 Atlassian Git Tutorials | In-depth guides | atlassian.com/git/tutorials |
| 🌊 Git Explorer | Command finder | gitexplorer.com |
| 🧙 Git Magic | Advanced techniques | www-cs-students.stanford.edu/~blynn/gitmagic |
| Workflow | Description | Best For |
|---|---|---|
| 🌿 Git Flow | Feature, release, hotfix branches | Versioned releases |
| 🚢 GitHub Flow | Simple feature branches + PR | Continuous deployment |
| 🌊 GitLab Flow | Environment branches | Complex deployments |
| 🚀 Trunk-Based Dev | Short-lived feature branches | High-frequency deployments |
| 🍒 Forking Workflow | Full repo forks | Open source projects |
| Tool | Platform | Link |
|---|---|---|
| 🔵 GitKraken | Cross-platform | gitkraken.com |
| 🌊 Sourcetree | Mac/Windows | sourcetreeapp.com |
| 🔷 GitHub Desktop | Mac/Windows | desktop.github.com |
| 🎯 Tower | Mac/Windows | git-tower.com |
| 🌸 Fork | Mac/Windows | git-fork.com |
| 🔴 Lazygit | Terminal TUI | github.com/jesseduffield/lazygit |
🚀 Automate everything — CI/CD, containers, orchestration, and infrastructure as code
| Tool | Role | Link |
|---|---|---|
| 🐳 Docker | Container platform | docker.com |
| ☸️ Kubernetes | Container orchestration | kubernetes.io |
| 🦆 Docker Compose | Multi-container dev | docs.docker.com/compose |
| 🐋 Podman | Daemonless containers | podman.io |
| 🌊 k3s | Lightweight Kubernetes | k3s.io |
| 🔷 Helm | Kubernetes package manager | helm.sh |
| 🌿 Kustomize | Kubernetes config mgmt | kustomize.io |
| 🎯 Skaffold | K8s dev workflow | skaffold.dev |
| 🔮 Lens | Kubernetes IDE | k8slens.dev |
| Platform | Type | Free Tier | Link |
|---|---|---|---|
| 🐙 GitHub Actions | Cloud CI/CD | 2000 min/mo | github.com/features/actions |
| 🦊 GitLab CI/CD | Cloud/Self-hosted | 400 min/mo | docs.gitlab.com/ee/ci |
| 🔵 CircleCI | Cloud CI/CD | 6000 min/mo | circleci.com |
| 🟢 GitHub Actions (Act) | Local runner | Self-hosted | github.com/nektos/act |
| 🔴 Jenkins | Self-hosted | Open source | jenkins.io |
| 🌊 Drone CI | Container-native | Limited | drone.io |
| 🔶 Buildkite | Hybrid | Limited | buildkite.com |
| ⚡ Dagger | Portable pipelines | Open source | dagger.io |
| 🔷 Woodpecker CI | OSS Drone fork | Self-hosted | woodpecker-ci.org |
| Tool | Language | Cloud | Link |
|---|---|---|---|
| 🌿 Terraform | HCL | Multi-cloud | terraform.io |
| ☁️ Pulumi | Real languages | Multi-cloud | pulumi.com |
| 🔶 Ansible | YAML | Any | ansible.com |
| 🔵 AWS CDK | TypeScript/Python | AWS | aws.amazon.com/cdk |
| 🏗️ CloudFormation | JSON/YAML | AWS | aws.amazon.com/cloudformation |
| 🔷 Bicep | DSL | Azure | docs.microsoft.com/azure/azure-resource-manager/bicep |
| 🌊 OpenTofu | HCL | Multi-cloud | opentofu.org |
| Tool | Purpose | Link |
|---|---|---|
| 🔥 Grafana | Metrics visualization | grafana.com |
| 🟠 Prometheus | Metrics collection | prometheus.io |
| 🐛 Sentry | Error tracking | sentry.io |
| 📊 Datadog | Full observability | datadoghq.com |
| 🌊 OpenTelemetry | Observability standard | opentelemetry.io |
| 🕵️ Jaeger | Distributed tracing | jaegertracing.io |
| 🔍 ELK Stack | Log management | elastic.co |
| 🌸 Axiom | Serverless logs | axiom.co |
| 🎯 Better Uptime | Uptime monitoring | betteruptime.com |
| 🔵 Checkly | Synthetic monitoring | checklyhq.com |
🧪 Ship with confidence — unit, integration, E2E, and beyond
| Framework | Language | Type | Stars | Link |
|---|---|---|---|---|
| 🃏 Jest | JavaScript | Unit/Integration | 44K+ | jestjs.io |
| ⚡ Vitest | TypeScript | Unit/Integration | 13K+ | vitest.dev |
| 🧪 Testing Library | React/DOM | Component | 19K+ | testing-library.com |
| 🔷 Mocha | JavaScript | Unit | 22K+ | mochajs.org |
| 🐦 Jasmine | JavaScript | BDD | 15K+ | jasmine.github.io |
| 🐍 pytest | Python | All types | 12K+ | pytest.org |
| 🔴 RSpec | Ruby | BDD | 4K+ | rspec.info |
| ☕ JUnit 5 | Java | Unit | 6K+ | junit.org |
| 🦫 Go testing | Go | Built-in | — | pkg.go.dev/testing |
| Framework | Language | Parallel | Link |
|---|---|---|---|
| 🎭 Playwright | JS/TS/Python | ✅ | playwright.dev |
| 🌲 Cypress | JavaScript | ✅ | cypress.io |
| 🤖 Selenium | Multi-language | ✅ | selenium.dev |
| 🎯 Puppeteer | JavaScript | ✅ | pptr.dev |
| 🌊 TestCafe | JavaScript | ✅ | testcafe.io |
| 🔵 WebdriverIO | JavaScript | ✅ | webdriver.io |
| 🐺 Nightwatch | JavaScript | ✅ | nightwatchjs.org |
| Tool | Purpose | Link |
|---|---|---|
| 🌊 Supertest | HTTP assertion testing | github.com/ladjs/supertest |
| 🔷 MSW | Mock Service Worker | mswjs.io |
| 📜 Pact | Consumer-driven contracts | pact.io |
| 🎯 Pactum | REST API testing | pactumjs.github.io |
| 🔵 Dredd | API Blueprint testing | dredd.io |
| ⚡ k6 | Load & performance testing | k6.io |
| 🌸 Locust | Python load testing | locust.io |
| 🔴 Artillery | Scalable load testing | artillery.io |
| Tool | Type | Link |
|---|---|---|
| 🎨 Storybook 8 | Component playground | storybook.js.org |
| 👁️ Chromatic | Visual regression | chromatic.com |
| 🔷 Percy | Visual testing | percy.io |
| 🔵 Ladle | Lightweight Storybook | ladle.dev |
| 🎯 Happo | Visual diff CI | happo.io |
⚡ Every millisecond matters — measure, optimize, repeat
| Tool | What It Measures | Link |
|---|---|---|
| 🔥 Lighthouse | Perf, A11y, SEO, Best Practices | developer.chrome.com/lighthouse |
| 🌐 WebPageTest | Real-world page speed | webpagetest.org |
| ⚡ PageSpeed Insights | Google CWV audit | pagespeed.web.dev |
| 📊 GTmetrix | Speed + waterfall | gtmetrix.com |
| 🎯 Core Web Vitals | LCP, INP, CLS | web.dev/vitals |
| 🌊 Calibre | Continuous perf tracking | calibreapp.com |
| 🔵 SpeedCurve | Performance monitoring | speedcurve.com |
| 🔷 treo.sh | Lighthouse CI | treo.sh |
| Tool | Purpose | Link |
|---|---|---|
| 🖼️ Squoosh | Image compression | squoosh.app |
| 📦 Bundlephobia | npm package cost checker | bundlephobia.com |
| 🔷 Bundle Analyzer | Webpack bundle viz | github.com/webpack-contrib/webpack-bundle-analyzer |
| 🌊 Rollup Visualizer | Rollup bundle analysis | github.com/btd/rollup-plugin-visualizer |
| 🖼️ Cloudinary | Image/video CDN | cloudinary.com |
| 🔵 next/image | Automatic image optimization | nextjs.org/docs/api-reference/next/image |
| ⚡ Sharp | Node.js image processor | sharp.pixelplumbing.com |
| 🗜️ Brotli | Next-gen compression | github.com/google/brotli |
| Pattern | Description | Impact |
|---|---|---|
| 🖼️ Lazy Loading | Load resources only when needed | 🔥 High |
| 📦 Code Splitting | Split bundles by route | 🔥 High |
| 💾 Caching Strategy | Browser, CDN, service worker | 🔥 High |
| 🌐 CDN | Edge delivery of static assets | 🔥 High |
| ⚛️ React Server Components | Reduce client JS | 🔥 High |
| 🏃 Prefetching | Load next routes early | 🟡 Med |
| 📝 Critical CSS | Inline above-fold styles | 🟡 Med |
| 🔤 Font Optimization | font-display, subset | 🟡 Med |
| 🖼️ WebP/AVIF | Modern image formats | 🔥 High |
| 🔄 Streaming SSR | Progressive HTML delivery | 🔥 High |
🛡️ Defend your stack — OWASP, headers, secrets, and best practices
| Resource | Type | Link |
|---|---|---|
| 🕷️ OWASP Top 10 | Web vulnerability reference | owasp.org/Top10 |
| 🎓 PortSwigger Academy | Free interactive labs | portswigger.net/web-security |
| 🏴 HackTheBox | Hands-on pentesting | hackthebox.com |
| 🔐 TryHackMe | Guided learning paths | tryhackme.com |
| 📕 Security Headers | HTTP header scanner | securityheaders.com |
| 🌐 OWASP Cheat Sheet | Developer cheat sheets | cheatsheetseries.owasp.org |
| 🔵 Pentester Lab | Vulnerability practice | pentesterlab.com |
| Tool | Type | Link |
|---|---|---|
| 🔐 HashiCorp Vault | Secrets management | vaultproject.io |
| 🔑 Doppler | Environment variables | doppler.com |
| 🌊 Infisical | Open source secrets | infisical.com |
| 🟠 AWS Secrets Manager | Managed secrets | aws.amazon.com/secrets-manager |
| 🔵 1Password Secrets | Developer secrets | 1password.com/developers |
| 🐱 GitGuardian | Secret scanning | gitguardian.com |
| 🔶 Trufflesec | Secret scanning | trufflesecurity.com |
| Tool | Purpose | Link |
|---|---|---|
| 🕷️ Burp Suite | Web app pentesting | portswigger.net/burp |
| 🔍 OWASP ZAP | Automated scanner | zaproxy.org |
| 📊 SonarQube | SAST code quality | sonarqube.org |
| 🛡️ Snyk | Dependency vulnerabilities | snyk.io |
| 🔵 Semgrep | Static analysis | semgrep.dev |
| 🌊 Dependabot | Automated updates | github.com/dependabot |
| 🔐 LGTM | Code analysis | lgtm.com |
| 🔒 npm audit | Node dependency scan | Built-in |
| Topic | Description | Reference |
|---|---|---|
| 🛡️ CSP | Content Security Policy | developer.mozilla.org/CSP |
| 🔒 HTTPS/TLS | Encrypt all traffic | letsencrypt.org |
| 🔄 CORS | Cross-origin resource sharing | developer.mozilla.org/CORS |
| 🧹 SQL Injection | Parameterized queries | owasp.org/sql-injection |
| 🔥 XSS | Sanitize user input | owasp.org/xss |
| 🎭 CSRF | Cross-site request forgery | owasp.org/csrf |
| ⏱️ Rate Limiting | Protect endpoints | upstash.com/ratelimit |
| 🔐 HSTS | HTTP Strict Transport Security | developer.mozilla.org/HSTS |
🏛️ Design systems that scale — patterns, principles, and architectural blueprints
| Pattern | Description | Best For |
|---|---|---|
| 🏗️ Monolith | Single unified application | Small teams, MVPs |
| 🔧 Microservices | Independent deployable services | Scale, large teams |
| 🌊 Event-Driven | Services communicate via events | Async workflows |
| 📦 Serverless | Function-based compute | Spiky workloads |
| 🏝️ Micro-Frontends | Independent frontend modules | Large frontend teams |
| 🧅 Onion Architecture | Domain-centric layered | Complex business logic |
| 🔷 CQRS | Separate reads from writes | High-scale reads |
| 📝 Event Sourcing | Store events, not state | Auditability |
| 🔄 Hexagonal | Ports & Adapters | Testability |
| ⚙️ BFF | Backend For Frontend | Multiple clients |
| Resource | Type | Link |
|---|---|---|
| 🏗️ System Design Primer | GitHub mega-guide | github.com/donnemartin/system-design-primer |
| 🎨 refactoring.guru | Design patterns + refactoring | refactoring.guru |
| 🌊 ByteByteGo | System design newsletter | bytebytego.com |
| 📘 Clean Architecture | Robert Martin's book | cleancoder.com |
| 🔵 12 Factor App | Cloud-native principles | 12factor.net |
| 🌐 AWS Architecture Center | Reference architectures | aws.amazon.com/architecture |
| 📊 Martin Fowler's Blog | Architecture patterns | martinfowler.com |
| 🎯 Architectural Katas | Practice architecture | nealford.com/katas |
| Pattern | Description | Link |
|---|---|---|
| 🔵 REST | Stateless resource-based | restfulapi.net |
| 🟣 GraphQL | Graph-based querying | graphql.org |
| 🟡 gRPC | Protocol buffer RPC | grpc.io |
| 🔷 tRPC | TypeScript end-to-end | trpc.io |
| 🌊 Event-driven API | AsyncAPI standard | asyncapi.com |
| 📡 OpenAPI | REST API spec | openapis.org |
☁️ Host, scale, and globally distribute your full-stack applications
| Platform | Free Tier | Edge? | Link |
|---|---|---|---|
| ▲ Vercel | Generous limits | ✅ | vercel.com |
| 🔷 Netlify | 100GB BW | ✅ | netlify.com |
| 🌊 Cloudflare Pages | Unlimited BW | ✅ | pages.cloudflare.com |
| 🔥 Firebase Hosting | 10GB | ✅ | firebase.google.com/hosting |
| 🐙 GitHub Pages | Unlimited OSS | ❌ | pages.github.com |
| 🌐 Render Static | 100GB | ❌ | render.com |
| Platform | Free Tier | Best For | Link |
|---|---|---|---|
| 🟣 Railway | $5 credits | Full-stack | railway.app |
| 🔵 Render | 750 hrs/mo | Node/Python | render.com |
| 🌊 Fly.io | 3 shared VMs | Containers | fly.io |
| 🔶 Koyeb | 2 nano instances | Containers | koyeb.com |
| 🎯 Zeabur | Credits | Full-stack | zeabur.com |
| 🔴 Heroku | Paid only | PaaS | heroku.com |
| 🐳 DigitalOcean App | $5 credit | Containers | digitalocean.com |
| Provider | Flagship Services | Free Tier | Link |
|---|---|---|---|
| 🟠 AWS | EC2, Lambda, RDS, S3 | 12 months | aws.amazon.com |
| 🔵 Google Cloud | GKE, BigQuery, Vertex AI | $300 credits | cloud.google.com |
| 🔷 Azure | AKS, Functions, CosmosDB | $200 credits | azure.microsoft.com |
| 🌊 DigitalOcean | Droplets, K8s, Managed DBs | $200 credits | digitalocean.com |
| 🔮 Vultr | Cloud compute, K8s | $250 credits | vultr.com |
| 🔴 Hetzner | Best price-to-performance | Free tier | hetzner.com |
| 🟣 Linode (Akamai) | Reliable, simple | $100 credits | linode.com |
| Service | Database | Free Tier | Link |
|---|---|---|---|
| 🐘 Neon | PostgreSQL | 512MB | neon.tech |
| 🐘 Supabase | PostgreSQL | 500MB | supabase.com |
| 🌊 PlanetScale | MySQL | 5GB | planetscale.com |
| 🍃 MongoDB Atlas | MongoDB | 512MB | mongodb.com/atlas |
| 🔴 Upstash | Redis/Kafka | 10K cmd/day | upstash.com |
| 🔷 Turso | SQLite/LibSQL | 9GB | turso.tech |
| 🔵 Aiven | Multi-DB | Trial | aiven.io |
| 🌸 Xata | Postgres + Search | 15GB | xata.io |
| Platform | Runtime | Link |
|---|---|---|
| ⚡ Vercel Functions | Node/Edge | vercel.com/docs/functions |
| 🔷 Netlify Functions | Node/Go | docs.netlify.com/functions |
| 🌊 Cloudflare Workers | JS/WASM | workers.cloudflare.com |
| 🟠 AWS Lambda | Multi-runtime | aws.amazon.com/lambda |
| 🔵 GCP Cloud Functions | Multi-runtime | cloud.google.com/functions |
| 🔶 Deno Deploy | TypeScript/JS | deno.com/deploy |
| 🍞 Bun on Railway | TypeScript/JS | railway.app |
🗜️ Scale your codebase — manage multiple apps and packages in one unified repository
| Tool | Language | Approach | Link |
|---|---|---|---|
| 🌀 Turborepo | JavaScript/TypeScript | Task caching | turbo.build |
| 🔷 Nx | JavaScript/TypeScript | Integrated toolchain | nx.dev |
| 🌊 Rush | JavaScript/TypeScript | Enterprise | rushjs.io |
| 🔵 Lerna | JavaScript | Package publishing | lerna.js.org |
| 🐙 pnpm Workspaces | JavaScript | Built-in pnpm | pnpm.io/workspaces |
| 📦 Yarn Workspaces | JavaScript | Built-in Yarn | yarnpkg.com/features/workspaces |
| 🟣 Bazel | Multi-language | Build system | bazel.build |
| 🔴 Pants | Python/Java | Build system | pantsbuild.org |
| Tool | Speed | Disk | Link |
|---|---|---|---|
| 📦 npm | Medium | High | npmjs.com |
| 🧶 Yarn Berry | Fast | Medium | yarnpkg.com |
| 🔵 pnpm | Fastest | Lowest | pnpm.io |
| 🍞 Bun | Fastest | Low | bun.sh |
| Pattern | Description | Tool |
|---|---|---|
| 📚 Shared UI Library | Component packages across apps | Storybook + Turborepo |
| 🔧 Shared Config | ESLint/TS configs as packages | npm workspaces |
| 🔑 Shared Types | TypeScript types package | tsc + pnpm |
| 📊 Shared Utils | Common helper functions | Any monorepo tool |
| 🧪 Shared Testing Utils | Test helpers and mocks | Vitest + workspaces |
| Tool | Purpose | Link |
|---|---|---|
| 🔷 Changesets | Version & changelog management | github.com/changesets/changesets |
| 🌸 syncpack | Keep package.json versions in sync | github.com/JamieMason/syncpack |
| 🔵 manypkg | Monorepo package validator | github.com/Thinkmill/manypkg |
| 🌊 Ultra | Fast npm task runner | github.com/nicolo-ribaudo/ultra |
| ⚡ wireit | Smart script caching | github.com/google/wireit |
🌍 Give back to the ecosystem that built you
| Platform | Description | Link |
|---|---|---|
| 🐙 GitHub Trending | Today's hottest repos | github.com/trending |
| 🌱 Good First Issue | Curated beginner issues | goodfirstissue.dev |
| 🌿 First Timers Only | First-time contributor issues | firsttimersonly.com |
| 🔶 Up For Grabs | Projects actively seeking help | up-for-grabs.net |
| 🌍 CodeTriage | Daily open source issues | codetriage.com |
| 🐛 Issuehub | Search by label | issuehub.pro |
| 🗺️ OSS Guide | How to contribute | opensource.guide |
| 🌸 24 Pull Requests | December OSS event | 24pullrequests.com |
| License | Type | Commercial Use | Modify & Distribute | Link |
|---|---|---|---|---|
| 📗 MIT | Permissive | ✅ | ✅ | opensource.org/MIT |
| 🔵 Apache 2.0 | Permissive | ✅ | ✅ (w/ notice) | apache.org/licenses |
| 🟡 BSD 3-Clause | Permissive | ✅ | ✅ | opensource.org/BSD-3 |
| 🔴 GPL v3 | Strong copyleft | ✅ | ✅ (same license) | gnu.org/licenses/gpl-3.0 |
| 🟣 LGPL v3 | Weak copyleft | ✅ | gnu.org/licenses/lgpl | |
| 🌊 MPL 2.0 | Weak copyleft | ✅ | ✅ | mozilla.org/MPL |
| ⭕ AGPL v3 | Network copyleft | ✅ (same license) | gnu.org/licenses/agpl-3.0 | |
| 🎯 ISC | Permissive | ✅ | ✅ | opensource.org/ISC |
| 🔓 Unlicense | Public Domain | ✅ | ✅ | unlicense.org |
| Project | Tech | Stars | Contribute |
|---|---|---|---|
| ▲ Next.js | TypeScript | 120K+ | github.com/vercel/next.js |
| 🐘 Supabase | TypeScript | 68K+ | github.com/supabase/supabase |
| 🔷 Prisma | TypeScript | 37K+ | github.com/prisma/prisma |
| 🔺 SvelteKit | TypeScript | 18K+ | github.com/sveltejs/kit |
| 🔴 Remix | TypeScript | 29K+ | github.com/remix-run/remix |
| 🌊 Hono | TypeScript | 18K+ | github.com/honojs/hono |
| 🍃 Mantine | TypeScript | 25K+ | github.com/mantinedev/mantine |
| 🎭 Playwright | TypeScript | 65K+ | github.com/microsoft/playwright |
💡 Build real things. Solve real problems. Grow real skills.
| Project | Stack | Key Skills | Difficulty |
|---|---|---|---|
| 📋 Todo App + Auth | Next.js + Supabase | CRUD, Auth, DB | ⭐⭐ |
| 🌤️ Weather Dashboard | React + FastAPI | REST APIs, Charts | ⭐⭐ |
| 📖 Personal Blog | Next.js + MDX | SSG, CMS, SEO | ⭐⭐ |
| 💸 Expense Tracker | React + Express + MongoDB | CRUD, Charts | ⭐⭐ |
| 🔖 Bookmark Manager | Vue + Node + PostgreSQL | CRUD, Search, Tags | ⭐⭐ |
| 🎴 Flashcard App | SvelteKit + SQLite | Spaced repetition, Auth | ⭐⭐ |
| 📊 Poll / Survey App | Next.js + Prisma | Real-time, Auth | ⭐⭐⭐ |
| 🗓️ Habit Tracker | React + Supabase | Auth, Charts, Streaks | ⭐⭐⭐ |
| Project | Stack | Key Skills | Difficulty |
|---|---|---|---|
| 💬 Real-time Chat | Next.js + Pusher/WebSockets | WS, Auth, Rooms | ⭐⭐⭐ |
| 🛒 E-commerce Store | Next.js + Stripe + DB | Payments, Cart, Admin | ⭐⭐⭐⭐ |
| 📸 Photo Gallery | Remix + Cloudinary + DB | Upload, CDN, Auth | ⭐⭐⭐ |
| 🗂️ Kanban Board | React + DnD + Supabase | Drag-drop, Real-time | ⭐⭐⭐ |
| 🧾 Invoice Generator | Next.js + PDF + Stripe | PDF gen, Payments | ⭐⭐⭐ |
| 🎵 Music Player | React + Express + S3 | Audio, File upload, DB | ⭐⭐⭐ |
| 📈 Stock Tracker | Next.js + Alpha Vantage | APIs, Charts, Auth | ⭐⭐⭐ |
| 🗺️ Event Finder | React + Maps + Auth | Geo, Maps, CRUD | ⭐⭐⭐ |
| 📝 Markdown Notes | Electron/Tauri + SQLite | Desktop, Sync | ⭐⭐⭐ |
| 👥 Team Collaboration | Next.js + WS + DB | Auth, Real-time, RBAC | ⭐⭐⭐⭐ |
| Project | Stack | Key Skills | Difficulty |
|---|---|---|---|
| 🤖 AI Chat Platform | Next.js + OpenAI + Vector DB | LLM, RAG, Streaming | ⭐⭐⭐⭐⭐ |
| 🎮 Multiplayer Game | Node.js + Socket.io + Redis | Real-time, State sync | ⭐⭐⭐⭐⭐ |
| 🐦 Twitter/X Clone | Next.js + NestJS + PostgreSQL | Social, Feed, Scale | ⭐⭐⭐⭐⭐ |
| 🎥 Video Platform | Next.js + FFmpeg + CDN | Video proc, Streaming | ⭐⭐⭐⭐⭐ |
| 🏪 Marketplace | Next.js + Stripe + Microservices | Multi-vendor, Scale | ⭐⭐⭐⭐⭐ |
| 📊 Analytics Platform | React + ClickHouse + Kafka | Big data, Events | ⭐⭐⭐⭐⭐ |
| 🔧 Developer SaaS | Next.js + Stripe + K8s | Billing, Auth, Scale | ⭐⭐⭐⭐⭐ |
| 🤝 Notion Clone | React + CRDT + Y.js | Collaborative editing | ⭐⭐⭐⭐⭐ |
| 🚀 CI/CD Dashboard | React + WebSockets + Docker | DevOps, Real-time | ⭐⭐⭐⭐ |
| 🏠 Real Estate Platform | Next.js + Maps + ML | Search, Geo, AI pricing | ⭐⭐⭐⭐⭐ |
We welcome contributions of every kind — new resources, corrections, improved descriptions, or entirely new sections.
# 1. Fork this repository
# 2. Create a feature branch
git checkout -b feat/add-awesome-resource
# 3. Make your changes following the format:
# | 🔧 **Resource Name** | Brief description | Link |
# 4. Commit with a clear message
git commit -m "feat: add [Resource Name] to [Section]"
# 5. Open a Pull Request 🎉
git push origin feat/add-awesome-resource📋 Guidelines: Resources must be actively maintained, documented, and genuinely useful to full-stack developers. Tutorials must be current (within 2 years). No spam or affiliate links.
Distributed under the MIT License. See LICENSE for more information.
Free to use, share, and adapt — just give credit. ❤️
These legends make this resource better every day. You could be next! 🚀
███████╗██╗ ██╗██╗ ██╗ ███████╗████████╗ █████╗ ██████╗██╗ ██╗
██╔════╝██║ ██║██║ ██║ ██╔════╝╚══██╔══╝██╔══██╗██╔════╝██║ ██╔╝
█████╗ ██║ ██║██║ ██║ ███████╗ ██║ ███████║██║ █████╔╝
██╔══╝ ██║ ██║██║ ██║ ╚════██║ ██║ ██╔══██║██║ ██╔═██╗
██║ ╚██████╔╝███████╗███████╗ ███████║ ██║ ██║ ██║╚██████╗██║ ██╗
╚═╝ ╚═════╝ ╚══════╝╚══════╝ ╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝╚═╝ ╚═╝
JUNIOR DEV SENIOR DEV
──────────────────────────────────────────────────────
"I'll finish this in 2 hours" "I'll finish this in 2 weeks"
Googles syntax Googles everything, just faster
5 tabs open 300 tabs open, 250 are MDN
"I fixed it!" "I don't know why it works either"
Writes README last Writes README never
One branch: main git branch | wc -l = 47
Closes laptop at 5pm "just one more bug..." [3 AM]
npm install reads the source code
Level 1: "Hello World" works! 🎉
Level 5: Build a todo app ✅
Level 10: "I know JavaScript" 🤔
Level 15: Learn TypeScript 😤
Level 20: "I know TypeScript" 😭
Level 25: Add a database 🔥
Level 30: "Why won't it scale?" 😰
Level 35: Kubernetes 💀
Level 40: "This is fine" 🔥🐶🔥
Level 50: Becomes a consultant 💰
Level ∞: Still Googling CORS 🌀
"A full-stack developer is someone who is bad at two things instead of one."
— Someone who has seen things 👴
Made with 💜 + ☕ + 🐛 + 🔥 by the community
