Mô tả

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

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

11 sections

Introduction

3 lectures
Creating Next App
08:18
Install and Setup Ant Design Components
06:31
Ant Design Theming
12:22

User Authentication

4 lectures
Clerk Intro and Setup
06:07
Setup Sign-in and Sign-up Pages
09:54
Sign-in and Sign-up Functionalities
11:21
Authentication screens styling
10:18

Save Users To Mongo DB

3 lectures
Setup Mongo DB
05:16
User Model
06:16
Save User
09:27

Layout & State Management

3 lectures
Implement Private Layout
14:33
Layout Conditions
03:48
Setup Zustand (State Management)
08:09

User Profile

4 lectures
Setup Profile Page
12:37
Show Default Categories
11:08
Customize Categories
10:35
Loader
04:47

Transactions

5 lectures
Transactions Module Intro
08:48
Add Transaction Form
15:42
Transaction Model and Save Transaction
10:57
Show Transactions
12:29
Transaction Table Actions
05:19

Edit and Delete Transactions

2 lectures
Edit Transaction
07:49
Delete Transaction
04:32

Transaction Table Filters

3 lectures
Filters UI
19:11
Show Filters Selected
14:30
Filters Server Action
14:53

Dashboard

2 lectures
Selecting Date Range
21:01
Show Overall Statistics
21:16

Category Level Analysis

3 lectures
Data structure for category analysis
07:24
Income Analysis
16:47
Expense Analysis
10:19

Deployment

2 lectures
Deploy to Vercel
11:58
Bug Fixes
10:45

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.