[New] Java Full Stack: React and Spring Boot 3 [Expense App]

Course Curriculum

Chapter 1: Introduction

Lecture 1: Project Walkthrough

Lecture 2: Heads up

Chapter 2: Setup the Development Environment

Lecture 1: Install Required Softwares [Part 01]

Lecture 2: Install Required Softwares [Part 02]

Lecture 3: Install Required Plugins in Visual Studio Code

Chapter 3: Typescript Fundamentals

Lecture 1: Install typescript

Lecture 2: Install nodemon and ts-node

Lecture 3: What is typescript?

Lecture 4: Variables

Lecture 5: Number and String type

Lecture 6: Boolean type

Lecture 7: Void and Any type

Lecture 8: Never and Unknown type

Lecture 9: Array type

Lecture 10: Tuple type

Lecture 11: Enum type

Lecture 12: Function overloading

Lecture 13: Classes, Objects and Constructors

Lecture 14: Inheritance

Lecture 15: Method overriding

Lecture 16: Abstract class and methods

Lecture 17: Interfaces

Lecture 18: Static methods and properties

Lecture 19: Import and Export modules

Lecture 20: Union type

Chapter 4: React Fundamentals

Lecture 1: What is React and Why React?

Lecture 2: What is JSX?

Lecture 3: Get Started with React Using CDN

Lecture 4: Render JSX elements

Lecture 5: More JSX and JSX elements

Chapter 5: Setup the Project for Frontend and Backend

Lecture 1: Create Spring Boot Project

Lecture 2: Understand the Spring Boot Project Structure

Lecture 3: Create React Starter Project

Lecture 4: Understand the React Project Structure

Lecture 5: Create Github Repository

Chapter 6: Feature 01: Create API to Fetch All Expenses (Backend)

Lecture 1: Create a New Branch in Github

Lecture 2: Development Steps Part 1

Lecture 3: Development Steps Part 2

Lecture 4: Development Steps Part 3

Lecture 5: Development Steps Part 4

Lecture 6: Create GET API endpoint

Lecture 7: Add the Lombok Dependency

Lecture 8: Create Request and Response Objects

Lecture 9: Create DTO object

Lecture 10: Add MySQL and JPA dependency

Lecture 11: Configure the Datasource

Lecture 12: Create JPA Entity

Lecture 13: Create JPA Repository

Lecture 14: Configure Model Mapper

Lecture 15: Create Service and its Implementation

Lecture 16: Update the Controller

Lecture 17: Test the API endpoint

Lecture 18: Add Javadocs

Lecture 19: Add Loggers to the API

Lecture 20: Commit and Push the Changes

Lecture 21: Fixing the Cross Origin Error

Lecture 22: Commit the Latest Changes

Chapter 7: Feature 01: Read Expenses from Database (Frontend)

Lecture 1: Create a New Branch

Lecture 2: Development Steps

Lecture 3: Create a New Dashboard Component

Lecture 4: Display the Expenses in HTML Table

Lecture 5: Create an Interface for Expense

Lecture 6: Use Expense Interface to Define the Expenses Array

Lecture 7: Create a Reusable Component ExpenseList

Lecture 8: Pass Expenses List as a Prop

Lecture 9: Configure Axios Library

Lecture 10: Call the Backend API

Lecture 11: Update React State

Lecture 12: Show Loader and Error Messages

Lecture 13: Create a Service

Lecture 14: Create a Custom Hook

Lecture 15: Commit and Push the Changes

Chapter 8: Feature 02: Integrate Bootstrap Library (Frontend)

Lecture 1: Development Steps

Lecture 2: Install Bootstrap

Lecture 3: Add the Basic Style

Lecture 4: Redesign the ExpenseList Component

Lecture 5: Display the Expenses in New Design

Lecture 6: Create a Navbar Component

Lecture 7: Apply Basic Style to Navbar Component

Lecture 8: Apply Design for Mobile View

Lecture 9: Install React Icons Library

Lecture 10: Add the Application Logo

Lecture 11: Commit and Push the Changes

Chapter 9: Feature 03: Implement Routing in React (Frontend)

Lecture 1: Create a New Branch

Lecture 2: Development Steps

Lecture 3: Install React Router Dom Library