Next.js 14 Expense Tracker and Money Manager App
Build a personlized expense tracker with Latest version of Nextjs , Mongo DB , Zustand , Ant Design and Tailwind CSS
Ratings 4.39 / 5.00
What You Will Learn!
- Next JS 14 Latest Features like Server Actions , App Router , Middlewares etc.
- Clerk User Authentication to make this application accessible to multiple users
- Personalized Income and Expense categories for every user.
- Transactions CRUD Operations
- Fetch and show transactions using Next JS Sever components
- Filter transactions with different combinations using next js search params and server actions.
- Date and Date Range Filters to analyse the transactions in a particular period of time.
- Analyse the transactions based on count , amount , total turnover.
- Category wise analysis and statistics for both income and expense transactions.
- Visual Representation of Transactions in the Dashboard
- By the end of the course you will know you to work full stack applications in both local and production environment
- Deploying the app to Vercel
Description
Hi , Welcome to the course Next JS 14 Expense Tracker and Money Manager App 2024
An expense tracker is a platform where we will list all our income and expenditures from various sources like salary , freelance , food , travel , medical , education etc to make an analysis about our money. So we can have any idea where we are spending our amount.
Generally we will use excel sheets , online money tracker sites and some people will maintain a notes.
So Here My Question Is , As a Web Developer do we have to depend on the above things to track our money.
My Answer is NO , Even beginners can develop their own expense trackers if the know how to perform CRUD operations using Next JS. And that's what we will learn in this course.
So In this course I will teach you how to develop your own Expense Tracker with the worlds most popular tech stack MERN.
We will learn the following concepts on the next six hours.
TechStack
Next JS 14 for Pages , Server Actions
Ant Design + Tailwind CSS for Styling and Custom Components
Clerk for User Authentication
Zustand for State Management
Project Features
Next JS 14 Latest Features like Server Actions , App Router , Middlewares etc.
Clerk User Authentication to make this application accessible to multiple users
Personalized Income and Expense categories for every user.
Transactions CRUD Operations
Fetch and show transactions using Next JS Sever components
Filter transactions with different combinations using next js search params and server actions.
Date and Date Range Filters to analyse the transactions in a particular period of time.
Analyse the transactions based on count , amount , total turnover.
Category wise analysis and statistics for both income and expense transactions.
Visual Representation of Transactions in the Dashboard
24/7 Support from the team
By the end of the course you will know you to work full stack applications in both local and production environment
Deploying the app to Vercel
Who Should Attend!
- Students who want to build full-stack applications using nextjs latest version