This is the Full Stack LaunchPad track syllabus — 4 months · 16 weeks.View the full program
What you'll be able to do
- Build interactive front-ends in React with components, hooks, and routing
- Design and build REST APIs with Node and Express
- Model and query application data in MongoDB with Mongoose
- Secure the stack with JWT authentication and role-based access
- Test, deploy, and demo a complete MERN product
Tools & technologies
JavaScriptGitReactHooksReact RouterNode.jsExpressMongoDBMongooseJWTREST APIsDeployment
The syllabus
HTML, CSS and Responsive UI Foundations
Web, HTML and CSS Foundations
- Day 1Internet, web and website fundamentals · Client, server and browser concepts · VS Code, project folders and browser developer toolsBuild: First Developer Profile Page
- Day 2HTML document structure · Headings, paragraphs, lists and links · Paths, navigation and semantic page structureBuild: Multi-Page Personal Website
- Logic Building 1Requirement decomposition · Algorithms, pseudocode and flowcharts · Sitemap and user-flow planningBuild: Restaurant Website Sitemap
- Day 4Images, audio, video and tables · HTML forms and input types · Labels, validation, ARIA and keyboard accessibilityBuild: Accessible Event Registration Form
- Day 5CSS syntax and selectors · Cascade, specificity and inheritance · Colours, typography and backgroundsBuild: Branded Business Landing Page
- Logic Building 2Box-model reasoning · UI component decomposition · Visual hierarchy and CSS debuggingBuild: Product Card UI System
Responsive Layouts and UI Frameworks
- Day 7CSS box model and sizing · Relative and absolute units · Display, positioning and stackingBuild: Responsive Pricing Page
- Day 8Flexbox axes and alignment · Wrapping, ordering and spacing · Responsive navigation and hero layoutsBuild: Startup Landing Header
- Logic Building 3Mobile-first layout planning · Breakpoint decision tables · Responsive layout debuggingBuild: Responsive Dashboard Blueprint
- Day 10CSS Grid · Media queries · Transitions, animations and reduced motionBuild: Responsive Portfolio Gallery
- Day 11Bootstrap grid system · Bootstrap utilities and components · Navigation, cards, forms and modalsBuild: BookMyShow-Style UI Prototype
- Logic Building 4Utility-first design with Tailwind CSS · Responsive and interactive utility variants · Design tokens and reusable component planningBuild: PlateCraft Restaurant Website
JavaScript Programming Foundation
JavaScript Foundation — Days 1–6
- JavaScript Day 1JavaScript runtime and script loading · Variables, constants and data types · Operators, expressions and console debuggingBuild: Browser Billing Calculator
- JavaScript Day 2Numbers and Math methods · Strings and template literals · Input, output and type conversionBuild: Text and Unit Conversion Toolkit
- JavaScript Day 3Comparison and logical operators · if, else, switch and ternary operators · Boundary cases and decision tablesBuild: Dynamic Ticket-Pricing Engine
- JavaScript Day 4for and while loops · break, continue and nested loops · Loop-based problem-solving patternsBuild: Number Challenge Toolkit
- JavaScript Day 5Arrays and indexing · Array mutation and iteration · Essential array methodsBuild: Student Performance Analyser
- JavaScript Day 6Objects and properties · Nested objects and JSON · Object methods and optional chainingBuild: Inventory Data Manager
JavaScript Foundation — Days 7–12
- JavaScript Day 7Function declarations and expressions · Parameters, default values and return values · Arrow functions and scopeBuild: JavaScript Utility Library
- JavaScript Day 8Execution context and hoisting · Lexical scope and closures · this, call, apply and bindBuild: Closure-Based Banking Account
- JavaScript Day 9Callback and higher-order functions · map, filter, reduce, find and some · Functional compositionBuild: ResumeIQ Rule-Based ATS Scorer
- JavaScript Day 10Destructuring · Spread and rest syntax · Maps, Sets and immutable transformationsBuild: Data Deduplication Utility
- JavaScript Day 11Prototypes and constructor functions · Classes, inheritance and encapsulation · Static methods and object compositionBuild: OOP Library Management System
- JavaScript Day 12Errors and exception handling · try, catch, finally and custom errors · Debugging and input validationBuild: Fault-Tolerant Calculator
Browser JavaScript and Asynchronous Programming
- JavaScript Day 13DOM and BOM fundamentals · Selecting and traversing elements · Creating, modifying and removing elementsBuild: Simon Says Browser Game
- JavaScript Day 14Browser events and event objects · Bubbling, capturing and event delegation · Form validation, Local Storage and Session StorageBuild: Persistent Todo List
- JavaScript Day 15Call stack and event loop · Callbacks and Promises · async, await and asynchronous error handlingBuild: Asynchronous Order Simulator
- Day 28HTTP, REST and JSON · Fetch API, Axios and AJAX · Loading, empty, error and cancellation statesBuild: Real-Time Weather Application
- Day 29ES modules · npm, package.json, Vite and environment variables · Git, GitHub, branches, pull requests and static deploymentBuild: Version-Controlled Modular Dashboard
- Day 30Modular frontend architecture · Public API integration and data transformation · Search, watchlists, persistence and error recoveryBuild: TradeStream Market Dashboard
React Frontend Engineering
React Foundations
- Day 31React and Vite setup · JSX and React elements · Functional components and component treesBuild: React Component Gallery
- Day 32Props and destructuring · Component composition and children · Functions as propsBuild: Reusable Product Card Library
- Day 33Component state · useState hook · Events and conditional renderingBuild: Interactive Quiz Application
- Day 34Rendering lists · Keys and derived state · Immutable array and object updatesBuild: CatalogX Product Catalogue
- Day 35Controlled components · Form validation · Lifting state and parent-child communicationBuild: React Expense Tracker
- Day 36Dynamic component styling · Tailwind CSS with React · Material UI and application themesBuild: Spotify-Style Music Dashboard
React Hooks and API Integration
- Day 37useEffect hook · Dependencies and cleanup functions · Effect design and lifecycle behaviourBuild: API Status Monitor
- Day 38Fetch and Axios in React · Loading, error and empty states · Request cancellation and debouncingBuild: React Weather Dashboard
- Day 39useRef hook · DOM references and uncontrolled inputs · Timers, previous values and media controlsBuild: Interactive Media Control Panel
- Day 40Custom hooks · Reusable API-fetching hooks · Local Storage hooksBuild: Currency Converter
- Day 41React.memo · useMemo and useCallback · Expensive filtering and render optimisationBuild: Smart Product Filter Engine
- Day 42useReducer fundamentals · Reducer actions and state transitions · Cart, wishlist and persistence logicBuild: WishFlow Cart and Wishlist
Routing and Application State Management
- Day 43React Router setup · Routes, layouts and nested routes · Navigation, outlets and 404 pagesBuild: Multi-Page React SPA
- Day 44Dynamic route parameters · Search parameters and query strings · Route loaders and route-level dataBuild: Movie Explorer
- Day 45Context API · Context providers and consumers · Theme and user contextsBuild: Global Theme and User Dashboard
- Day 46Authentication state · Protected routes · Role-based navigation and token lifecycleBuild: Multi-Role Doctor Portal Shell
- Day 47Redux Toolkit store · Slices, reducers and actions · Selectors and normalised stateBuild: KanbanHub Project Board
- Day 48createAsyncThunk and RTK Query · API caching and request states · Optimistic updatesBuild: API Backed Issue Tracker
Advanced React and Frontend Capstone
- Day 49Feature-based application structure · Compound components and higher-order components · Class component and lifecycle awarenessBuild: Reusable Dashboard Shell
- Day 50React Profiler · Lazy loading, code splitting and Suspense · List virtualisation and bundle optimisationBuild: Optimised Product Catalogue
- Day 51React Hook Form · Schema-based validation · Multi-step forms and reusable fieldsBuild: Multi-Step Onboarding Wizard
- Day 52Error boundaries · Portals and modal components · Focus management, keyboard support and ARIABuild: Accessible Modal System
- Day 53Vitest or Jest fundamentals · React Testing Library and user events · API mocking and component integration testsBuild: Tested Shopping Cart
- Day 54Routing and multi-role architecture · Appointment search, filtering and booking · State management, testing and frontend deploymentBuild: Multi-Role Doctor Appointment Portal
Node.js Backend Foundations
Server-Side JavaScript with Node.js
- Day 55Node.js runtime · Event loop, REPL and global objects · Process and command-line argumentsBuild: System Information CLI
- Day 56CommonJS and ES modules · npm packages and scripts · Environment variables and configurationBuild: Reusable CLI Package
- Day 57File System module · Path, OS and Process modules · Asynchronous file operationsBuild: Automated File Organiser
- Day 58EventEmitter · Buffers and streams · Pipes and stream error handlingBuild: Large Log File Processor
- Day 59Native HTTP server · Routing, headers and status codes · JSON request and response handlingBuild: Raw Node REST API
- Day 60Node project architecture · Templates and static-file generation · Logging, testing and documentationBuild: ForgeSite Static Site Generator
Express.js and REST API Engineering
Express and Production-Oriented APIs
- Day 61Express application setup · Routes, parameters and query strings · Response methods and Postman testingBuild: Quotes REST API
- Day 62Express request lifecycle · Built-in and third-party middleware · Custom middleware and request loggingBuild: Request Audit API
- Day 63REST resource design · MVC architecture · Controllers, services and CRUD operationsBuild: TalentBridge Jobs API
- Day 64Client-side and server-side validation · Zod, Joi or Express Validator · Centralised errors and asynchronous error wrappersBuild: Validated Application API
- Day 65Cookies and signed cookies · Sessions and flash messages · EJS templates and server-rendered routesBuild: Session-Based Feedback Portal
- Day 66Filtering, searching, sorting and pagination · OpenAPI and Postman documentation · Supertest and API integration testingBuild: Tested Product Catalogue API
MongoDB and Mongoose
NoSQL Database Engineering
- Day 67SQL versus NoSQL databases · MongoDB documents, collections and BSON · MongoDB Atlas, Compass and ShellBuild: Online Bookstore Database
- Day 68Create, read, update and delete operations · MongoDB query and update operators · Projection, sorting and paginationBuild: Inventory Database
- Day 69Mongoose connection and configuration · Schemas and models · Validation, defaults, virtuals and model methodsBuild: Product Model Service
- Day 70Embedded versus referenced documents · One-to-many and many-to-many relationships · Population and ownership relationshipsBuild: Social Network Data Model
- Day 71Aggregation pipeline · $match, $project, $group and $unwind · $lookup, $facet and analytics queriesBuild: Portfolio Analytics API
- Day 72Indexes and text search · Geospatial indexes and queries · Transactions, modelling and query performanceBuild: Travel Listing Search Engine
Authentication, Authorisation and Backend Security
Secure Backend Development
- Day 73User schema design · Password hashing with bcrypt · Registration and login controllersBuild: User Account API
- Day 74JWT access and refresh tokens · HTTP-only, secure and SameSite cookies · Token refresh, logout and revocationBuild: Token Authentication API
- Day 75Authentication middleware · Role-based authorisation · Ownership and object-level permissionsBuild: Admin and Member API
- Day 76Email verification · Forgot-password and reset-password workflows · OTP and transactional emailBuild: Account Recovery System
- Day 77Helmet, CORS and rate limiting · NoSQL injection, XSS and input sanitisation · Secrets, audit logging and secure configurationBuild: Security-Hardened REST API
- Day 78Multipart form data and Multer · Cloudinary file storage · Backend integration, testing and documentationBuild: TalentBridge Backend Version 1
MERN Full-Stack Integration
Connecting React, Express and MongoDB
- Day 79MERN client-server architecture · Monorepo and separate-repository structures · Environment variables, CORS and API contractsBuild: Connected MERN Starter
- Day 80Registration and login integration · Axios interceptors and token refresh · Protected routes and role-based UIBuild: Full-Stack Authentication Portal
- Day 81React-to-Express CRUD integration · RTK Query or service-layer architecture · Optimistic updates and notificationsBuild: MERN Task Management Application
- Day 82Server-side search and filtering · Pagination, query parameters and debouncing · Infinite scrolling and URL-based stateBuild: Marketplace Listing Explorer
- Day 83Multipart React forms · Avatar and media uploads · Upload progress, previews and errorsBuild: MERN Social Profile Application
- Day 84Product and listing management · User roles and ownership · Frontend-backend testing and responsive integrationBuild: MERN Marketplace Lite
Advanced MERN Application Engineering
Real-Time Systems and External Services
- Day 85Socket.IO client and server setup · Events, rooms and namespaces · Presence, reconnects and message deliveryBuild: ConnectHub Real-Time Chat
- Day 86WebRTC media devices · Peer connections, ICE and STUN · Socket.IO signallingBuild: ZoomLite Video Meeting Room
- Day 87Payment-gateway sandbox · Payment intents and checkout flow · Signed webhooks, idempotency and order statesBuild: Secure Payment Workflow
- Day 88Mapbox integration · Forward and reverse geocoding · MongoDB geospatial search and map synchronisationBuild: TravelStay Listing Map
- Day 89Redis fundamentals · BullMQ queues, workers and retries · Email and notification background jobsBuild: Background Notification Service
- Day 90Redis caching · Query, API and asset optimisation · Compression, metrics, logging and performance monitoringBuild: Optimised Live Dashboard
Testing, DevOps and Production Deployment
Production Engineering and Technical Capstone
- Day 91Backend unit and integration tests · React component and integration tests · End-to-end testing with Playwright or CypressBuild: Tested MERN Authentication Flow
- Day 92Docker images and containers · Multi-stage Dockerfiles · Docker Compose with Node, MongoDB and RedisBuild: Containerised MERN Application
- Day 93GitHub Actions · Automated linting, testing and builds · Image publishing, releases and rollbackBuild: MERN CI/CD Pipeline
- Day 94Render and Vercel deployment · AWS EC2, S3 and CloudFront fundamentals · Nginx, HTTPS, domains and MongoDB AtlasBuild: Public Cloud MERN Deployment
- Day 95Kubernetes pods, deployments and services · ConfigMaps, secrets, scaling and rolling updates · Monitoring, backups and production securityBuild: Kubernetes MERN Deployment
- Day 96Architecture, security and performance review · README, API documentation and architecture diagram · Live deployment and technical demonstrationBuild: Production MERN Technical Capstone