Yogesh Chavan/Build Expense Manager App Using React And TypeScript

🎉😍Early Christmas Sale😍🎉

Get All Current + Future Courses, Ebooks, Webinars

At Just $20 / ₹1700

Regular Price: $236 / ₹20,060


⏱Discount Offer Ends Today! Hurry Up!⏱

  • $13

Build Expense Manager App Using React And TypeScript

  • Course
  • 60 Lessons

For Non-Indian customers only, Pay Using PayPal

Indian Customers Scroll Down To Pay Using UPI.

For Indian customers, click the link below to pay using UPI

Application Demo

Free Preview Content From Course

A video based course where you will learn Lazy Loading, Performance Optimization, Custom Hooks, Context API and much more...

Welcome to Mastering React & TypeScript, a video-based course designed to take your React skills to the next level! 🚀

In this 9+ hour pre-recorded course, you'll go beyond the basics and dive deep into performance optimization, lazy loading, custom hooks, Context API, and much more.

What You'll Learn

✔️ Build a complete Expense Manager app from scratch using React + TypeScript
✔️ Organize your code better with an efficient folder & file structure
✔️ Master Redux Toolkit Query (RTK Query) from scratch
✔️ Write cleaner, reusable code using custom hooks
✔️ Use React Context API the right way to avoid performance issues
✔️ Explore best practices, tips & tricks to enhance your coding skills

Key Features You'll Implement

Lazy loading for better performance
Dark/light mode implementation
Responsive design with a hamburger menu for small screens
Filtering, searching, and sorting functionality
Custom hooks for cleaner, reusable code
Authentication (Login/Register) & Protected Routes
Reusable components without redundant code
Easy form validation & error handling

Once you enroll, you get lifetime access to all course materials

🚀 Join now and level up your React & TypeScript skills! 🚀

Testimonials

Testimonials

Contents

Introduction

Application Demo
Preview
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!

Build Ecommerce App Using React + TypeScript + Redux Toolkit + Firebase Login Authentication

Application Demo
Preview
Setting Up Firebase Authentication + Database To Run Application Locally
Preview
Deploying Application To Production
react-ecommerce-app-with-typescript.zip
react-ecommerce-app-without-typescript.zip

Useful Resources

What's Next

Course Certificate

Share Your Feedback
Your Course Completion Certificate