Phase 2 — Core New Skills
Weeks 3-6: Learn Spring Boot, React + TypeScript, MongoDB, and DSA intermediate topics.
Overview
Welcome to Phase 2: Core New Skills (Weeks 3–6). This is where fullstack development officially starts! In this phase, you transition from revision mode into mastering industry-standard frameworks, libraries, modern databases, and intermediate data structures.
All four tracks run concurrently in parallel. By dividing your daily focus across backend services, modern frontend architecture, NoSQL databases, and algorithmic problem solving, you'll build fullstack competence rapidly without burnout.
Note: Maintain a steady daily rhythm across all 4 tracks. Building small end-to-end features connecting React, Spring Boot, and databases early reinforces core patterns.
Parallel Tracks
| Track | Topic | Status |
|---|---|---|
| Track E | Spring Boot | 🆕 New |
| Track F | React + TypeScript | 🆕 New |
| Track G | MongoDB | 🆕 New |
| Track H | DSA Intermediate | 🧠 Practice |
Track Highlights
Track E: Spring Boot
Build production-ready backend microservices and RESTful APIs using Spring Boot 3, Spring Data JPA, Spring Security with stateless JWT authentication, automated testing with JUnit 5 and Mockito, and robust build tools (Maven/Gradle).
Track F: React + TypeScript
Master modern frontend engineering by writing strongly typed React components with TypeScript, utilizing essential hooks, managing complex global/server state with Zustand and TanStack Query, designing responsive UI with Tailwind CSS and Shadcn/UI, and integrating type-safe forms.
Track G: MongoDB
Understand NoSQL document databases, explore the flexible BSON model, write high-performance CRUD queries and aggregation pipelines, design scalable schemas, and connect MongoDB seamlessly with Spring Data MongoDB.
Track H: DSA Intermediate
Advance beyond basic array techniques into non-linear and recursive data structures: Linked Lists, Stacks, Queues, Binary Trees & BSTs, Hashing internals, Priority Queues/Heaps, and Backtracking algorithms.
Phase 2 Projects & Milestones
Put your learning into action by building production-grade projects and hitting DSA milestones:
- Fullstack Project: Blog / Task Manager
- Stack: Spring Boot + React (TypeScript) + PostgreSQL
- Features: JWT authentication & refresh tokens, complete CRUD operations, pagination & sorting, search & filtering, responsive Tailwind CSS / Shadcn UI.
- DSA Milestone: 100+ LeetCode problems solved (cumulative across Phase 1 and Phase 2).
- Project Evolution: Revisit the budget-setu project — refactor and apply the Spring Boot backend architecture and typed React frontend patterns you have learned.