A structured, self-directed engineering curriculum covering the full web development stack — from C fundamentals through modern full-stack JavaScript, DevOps tooling, and cloud integrations. Each directory represents a deliberate study area, progressing from language basics to production-grade patterns.
- Overview
- Core Languages
- Frontend
- Backend & Databases
- DevOps & Infrastructure
- Cloud & Media
- Data Structures & Algorithms
- Testing & Performance
- UI Libraries & Utilities
- Tooling & Workflow
- Applied Projects
| Domain | Sub-areas |
|---|---|
| Languages | C, Python, JavaScript, TypeScript |
| Frontend | HTML/CSS, Bootstrap 5, Tailwind CSS, React, Next.js |
| Backend | Node.js, Express.js, MongoDB, PostgreSQL |
| DevOps | Docker (6 modules), Nginx, UFW |
| Cloud | Cloudinary (6 integration patterns) |
| DSA | Big-O, sorting, data structures, Grokking Algorithms |
| Testing | Jest, React Testing Library, performance optimization |
| Real-time | Socket.IO |
| Applied | Full-stack CC-Sandbox apps, job-task demos, deployment pipeline |
c/
Two structured courses plus standalone exercises.
| Directory | Content |
|---|---|
course-01-c-phitron/ |
19-module curriculum — syntax, control flow, arrays, pointers, structs, file I/O |
course-02-c-for-data-structure/ |
C as a foundation for implementing data structures |
control-statement/ |
If-else, switch, for-loop exercises |
problem-solving/ |
CodeWars problem solving in C |
programming-exercise-book/ |
Chapter exercises — data types, input/output |
w3-c/ |
W3Schools reference exercises |
python/
| Directory | Content |
|---|---|
python-basics/ |
Core syntax, data types, OOP |
w3-python-01/ & w3-python-02/ |
Full W3Schools curriculum — variables, strings, lists, dicts, sets, tuples, loops, functions, OOP, file handling, modules |
problem-solving/ |
CodeWars problem solving in Python |
youtube/chai-aur-code/ |
Chai Aur Code YouTube series |
javascript/
| Directory | Content |
|---|---|
eloquent-javascript/ |
Exercises from Eloquent JavaScript |
javascript-best-practices/ |
Clean code, modern JS patterns |
problem-solving/ |
LeetCode, CodeWars, and programming exercise book solutions |
programming-hero/ |
15+ hands-on modules — DOM, events, APIs, OOP, bank app, shopping cart, weather app |
programiz-com/ |
Programiz reference exercises |
w3-javascript-lws/ |
DOM manipulation via Learn With Sumit |
w3-js/ |
W3Schools JavaScript reference |
youtube/ |
Tutorials from Hitesh Choudhary, Learn With Sumit, Yahoo Baba |
typescript/
Nine distinct learning tracks covering the language thoroughly.
| Directory | Content |
|---|---|
typescript-docs/ |
Official TypeScript docs + cheat sheets |
typescript-dave-gray/ |
17-lesson series — basic types, arrays, generics, utility types, React+TS integration |
typescript-anisul-islam/ |
Two-part beginner to intermediate series |
typescript-hitesh/ |
Hitesh Choudhary two-part series |
typescript-l1b6/ |
Structured level-1 curriculum |
typescript-l2b2/ |
Advanced types, OOP in TypeScript |
typescript-pedrotech/ |
PedroTech crash course |
react-typescript/ |
TypeScript-first React patterns |
typescript-with-claude-ai/ |
TypeScript project built with Claude AI |
html-and-css/
| Directory | Content |
|---|---|
css/ |
Kevin Powell layouts, responsive design, Grid (Wes Bos), Flexbox, navigation patterns, form styling, W3 CSS |
html-css-projects/ |
Landing pages, navbar, portfolio, news grid, flexbox batch exercises |
html-css-javascript-projects/ |
Expanding cards, hidden search widget, ambient sound mixer (OOP), personal portfolio, hamburger nav, Dizme portfolio |
css-framework/
| Directory | Content |
|---|---|
bootstrap-5/ |
Bootstrap 5 hero section, YouTube exercises |
tailwind-css/ |
Tailwind documentation exercises, DaisyUI, Biker Zone project, Tailwind + React + Flowbite |
react/
Covers the official documentation, form libraries, server state, and multiple instructor tracks.
| Directory | Content |
|---|---|
react-documentation/ |
All official docs sections — describing UI, interactivity, managing state, thinking in React, Tic-Tac-Toe, React Compiler |
react-hook-form/ |
6 tracks — CodeVolution, RNext, multi-step forms, Zod integration, form management articles |
tanstack-query/ |
TanStack Query v5 — LWS course + YouTube practice |
axios/ |
HTTP client patterns with Axios |
react-router-tutorial/ |
Official React Router tutorial |
top-10-react-custom-hooks/ |
10 common custom hooks |
reactive-accelerator-lws/ |
Learn With Sumit's Reactive Accelerator |
npm-packages/ |
React Calendar and other npm package exploration |
youtube/ |
6 instructors — Brad Traversy, Chai Aur Code, Code With Harry, Huxn WebDev, Learn With Sumit, PedroTech |
next-js/
| Directory | Content |
|---|---|
explore-next-js/ |
Core Next.js concepts — Pages Router |
explore-nextjs-app-directory/ |
App Router migration and patterns |
auth-nextjs/ |
Authentication with NextAuth.js |
next-crash/ |
Next.js crash course |
nextjs-dashboard/ |
Official Next.js dashboard tutorial (App Router, PostgreSQL) |
node-express-mongodb/ · express-js/
| Directory | Content |
|---|---|
node-express-course-by-john-smigla/ |
Node tutorial + Express tutorial |
node-js-crash-course-by-huxn-webdev/ |
16 modules — REPL, modules, path/fs/os/url/HTTP, events, streams, routing, serving pages, npm |
node-js-crash-course-by-traversy-media/ |
Async patterns, event loop, content management |
raw-node-project-by-lws/ |
Building an HTTP server from scratch without any framework |
express-js/bradtraversy/ |
Express crash course by Brad Traversy |
Covered across node-express-mongodb/ with Mongoose integration through the Express courses and the CC-Sandbox full-stack applications.
pern-learning/
| Directory | Content |
|---|---|
week-1/ |
SQL fundamentals — day 1 DDL and DML exercises |
socket-io/
| Directory | Content |
|---|---|
article/ |
Full-stack real-time chat — Node.js server + browser client following a written tutorial |
docker/
Six progressive modules plus Docker docs and a book companion.
| Directory | Content |
|---|---|
module-1 |
First and second containers — fundamentals |
module-2 |
Images and containers — TypeScript backend |
module-3 |
Volumes and data persistence |
module-4 |
Networks and cross-container communication |
module-5 |
Multi-container applications — Next.js frontend + TypeScript backend |
module-6 |
Docker Compose orchestration, utility containers |
docker-docs/ |
Official docs workshops — PostgreSQL, Spring Boot, Python app, todo list, bind mounts |
docker-deep-dive-book/ |
Docker Deep Dive book companion |
nginx-ufw-deploy/
Full-stack production deployment reference.
server/— Express + TypeScript backendclient/— React frontend (Vite)- Configured for reverse proxy via Nginx and firewall rules via UFW on a Linux VPS
cloudinary/
Six integration patterns from introductory to production-grade signed uploads.
| Directory | Content |
|---|---|
cld-intro-nodejs-course/ |
Official Cloudinary Node.js intro course |
cld-node-sdk-quick-start/ |
Node SDK quickstart |
cld-upload-programmatically-node-tutorial/ |
Programmatic asset upload tutorial |
cld-signed-upload-examples/ |
Signed upload with server-side signature generation |
backend-signed-upload-assets-via-multer-and-cloudinary/ |
Express + Multer + Cloudinary — admin backend |
frontend-signed-upload-assets-via-multer-and-cloudinary/ |
React frontend counterpart to the above |
nodejs-photo-album/ |
Full photo album app with routes, photo management, and video support |
dsa-with-js/ · problem-solving/
| Directory | Content |
|---|---|
dsa-with-js/codevolution/ |
Big-O notation, algorithm analysis |
dsa-with-js/geeksforgreeks/ |
Array and string algorithm implementations |
dsa-with-js/grokking-algorithms/ |
Grokking Algorithms book exercises in JavaScript |
dsa-with-js/js-data-structures-and-algorithms/ |
Data structures implemented in JavaScript |
problem-solving/ |
General algorithmic problem solving |
testing-and-performance-optimization/
| Directory | Content |
|---|---|
javascript-testing/ |
Vanilla JavaScript unit testing |
jest-demo/ |
Jest test runner — unit and integration tests |
rtl-demo/ |
React Testing Library — component tests |
perf-opt/ |
React performance optimization patterns |
data-visualization/
| Directory | Content |
|---|---|
chart-js/ |
Chart.js — bar, line, pie charts |
recharts/ |
Recharts in a React application |
animation/motion/ — Framer Motion animation primitives, variants, and page transitions in React.
zod/zod/ — Zod schema definition, parsing, refinements, and integration with React Hook Form.
swiper-js/explore-swiper-js/ — Responsive carousel and slider components using Swiper.js in React.
git-github/
| Directory | Content |
|---|---|
master-git-and-github-beginner-to-expert/ |
Full beginner-to-expert Git course |
youtube/anisul-islam/ |
Git & GitHub by Anisul Islam |
yaml/chai-yaml/ — YAML syntax and real-world usage patterns from Chai Aur Code.
cc-sandbox/
Full-stack applications built end-to-end using Claude Code CLI — each follows a feature-driven architecture with a dedicated Express + TypeScript backend and a React + Vite + Tailwind v4 frontend.
| Project | Stack | Description |
|---|---|---|
expense-tracker/ |
React · Express · MongoDB | Personal finance tracker — CRUD for income and expense entries |
live-chat/ |
React · Express · Socket.IO | Real-time messaging application |
media-gallery/ |
React · Express · Cloudinary | Image/video gallery with cloud media management |
notes-app/ |
React · Express · MongoDB | Markdown-capable notes manager |
tic-tac-toe/ |
React · Vite · Tailwind v4 | Browser-based Tic-Tac-Toe game |
job-task/
Interview and assessment tasks given by companies during hiring processes.
| Directory | Content |
|---|---|
demo-project/ |
React SPA — first demo assessment |
demo-project-two/ |
React SPA — second assessment |
demo-project-three/ |
React SPA — third assessment |
football/ |
Football-themed React application |
replicate-image/ |
Pixel-accurate UI replication from a design mockup |
problem-solving/ |
Algorithmic problems given during technical screens |
express-js/server-template/
A reusable, opinionated Express + TypeScript server scaffold following the mandatory module pattern:
src/
app/ # Feature modules (route · controller · service · validation · model · interface)
config/ # Environment and database config
helpers/ # Shared utilities
shared/ # Cross-cutting concerns
utils/ # Pure utility functions
app.ts # Express app wiring
server.ts # HTTP server entry point
Includes CORS, cookie-parser, Morgan logging, and a /api/v1 route namespace.
22-week-transformation/
A structured weekly learning plan. Week 1 covers form-spine fundamentals for building disciplined coding habits.
| Category | Technologies |
|---|---|
| Languages | C · JavaScript · TypeScript · Python |
| Frontend | React 19 · Next.js · Tailwind CSS v4 · Bootstrap 5 · Framer Motion · Swiper.js |
| Backend | Node.js · Express.js · Socket.IO |
| Databases | MongoDB (Mongoose) · PostgreSQL |
| Forms & Validation | React Hook Form · Zod |
| Server State | TanStack Query v5 |
| Cloud | Cloudinary |
| DevOps | Docker · Docker Compose · Nginx · UFW |
| Testing | Jest · React Testing Library |
| Data Viz | Chart.js · Recharts |
| Tooling | Vite · Git · YAML |
This project is licensed under the MIT License.