Build Expense Manager App Using React And TypeScript
- Buy now
- Learn more
Introduction

Application Demo
Read This Before Starting The Course
Course Content

Setting Up Project
Setting Up Backend Server
Fetch Backend API Data From React
Displaying Expenses List On Dashboard
Creating Add Expense Page
Making API Call To Add Expense
Automatically Refresh Expense List To See Newly Added Expense
Creating Edit Expense Page
Integrating Update Expense API
Implementing Delete Expense Functionality
Format Date, Amount And Description For Better User Experience
Implementing Row Highlight Functionality While Deleting Expense
Creating Search Expenses Page
Implementing Search Expenses Functionality
Implementing Filter By Expense Type And Expense Year Functionality
Implementing Sort By Expense Year Functionality
Creating Profile Page WIth Update Functionality
Improving Code For Loading And Error States Across The Application
Creating Register User Page
Making API Call To Register User
Adding Extra Validations For Register User Form
Creating Login Page And Integrating API
Maintaining Logged In User Session Using Custom Hook
Implementing Route Protection In The Application
JWT Authentication Backend Coding
Using Code Splitting(Lazy Loading) To Improve Application Performance
How To Better Manage Imports
Implementing Dark/Light Mode
Making CSS Changes For Actual Dark/Light Mode Functionality
Maintain Dark/Light Mode Selection Even After Page Refresh
Route Navigation Improvements
Create Responsive Full Screen Mobile Menu
Application Source Code

expense-manager-app-react-typescript.zip
Using Redux Toolkit Query(RTK Query)

Introduction
Getting All Expenses Using RTK Query
Adding Expense Using RTK Query
Updating Expense Using RTK Query
Deleting Expense Using RTK Query
Error Handling With RTK Query
Getting Single Expense While Editing Expense Using RTK Query
Organizing APIs Using RTK Query
Getting and Updating Profile Using RTK Query
Auto Hiding Success Message Using RTK Query
Registering User Using RTK Query
User Login Using RTK Query
Code Improvements
updated-source-code.zip
Using Axios Instead Of Fetch API With RTK Query
final-source-code.zip
You Reached End Of The Course!
Useful Resources

What's Next
Discord Community
Course Certificate

Your Course Completion Certificate

Automatically Refresh Expense List To See Newly Added Expense

Lesson unavailable

Please login to your account or buy the course.