Module 01 · 3.5 hrs
Start hereIntroduction & Setup
Overview of full stack development. Setup Node.js, NPM and Git.
React · Spring Boot 3 · PostgreSQL
Master enterprise Java development — React frontends on Tailwind, Spring Boot 3 REST APIs, PostgreSQL with JPA, Spring Security with JWT, and full project deployment.
Every module pairs a focused topic with a guided practical exercise — learn it, build it, then practice it on the Atom Code portal in the same session.
Introduction & Setup
Overview of full stack development. Setup Node.js, NPM and Git.
HTML & CSS Basics
Refresher on HTML5, CSS3 and responsive design.
JavaScript (ES6+) Fundamentals
Advanced JavaScript concepts like arrow functions, promises, spread operators, async/await.
React.js Setup
Introduction to React. Setting up a React project using Vite.
React Components & State Management
Understanding component architecture, props, state and events in React.
React Hooks
Understanding and implementing important React hooks like useState, useEffect, useRef, useContext.
Tailwind CSS
Implementing beautiful React components with Tailwind CSS.
React Routing
Implementing routing in React using React Router.
Spring Boot Setup
Overview of Spring Framework. Setting up Spring Boot 3 with Maven.
MVC & Annotations
Introduction to Model, Controller, Repository and annotations.
Building a RESTful API
Creating RESTful APIs using Spring Boot 3.
Database Integration with Spring Boot
Introduction to relational databases. Setting up and connecting PostgreSQL with Spring Boot using JPA.
Spring Boot Security
Implementing security with Spring Security and JWT for authentication.
React & API Integration
Fetching data from Spring Boot APIs using Axios/Fetch API in React.
React Forms & State Handling
Creating and handling forms in React.
Frontend Global State Management
Introduction to Redux Toolkit, Context API and its integration with React.
Testing REST APIs
Introduction to API testing using Postman / Insomnia / Thunder Client.
Project Integration & Final Testing
Final integration of frontend and backend, and testing all functionalities.
Project Deployment
Frontend deployment with Vercel / Netlify, backend deployment with Render Cloud, DB with NEON.
Project Presentation & Wrap-up
Review of key concepts. Participants present their projects.