Next.js 14 Expense Tracker and Money Manager App

Next.js 14 Expense Tracker and Money Manager App, available at $54.99, has an average rating of 4.55, with 34 lectures, based on 12 reviews, and has 211 subscribers.

You will learn about 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 This course is ideal for individuals who are Students who want to build full-stack applications using nextjs latest version It is particularly useful for Students who want to build full-stack applications using nextjs latest version.

Enroll now: Next.js 14 Expense Tracker and Money Manager App

Summary

Title: Next.js 14 Expense Tracker and Money Manager App

Price: $54.99

Average Rating: 4.55

Number of Lectures: 34

Number of Published Lectures: 34

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 34

Original Price: $19.99

Quality Status: approved

Status: Live

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

Who Should Attend

Students who want to build full-stack applications using nextjs latest version

Target Audiences

Students who want to build full-stack applications using nextjs latest version

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Creating Next App

Lecture 2: Install and Setup Ant Design Components

Lecture 3: Ant Design Theming

Chapter 2: User Authentication

Lecture 1: Clerk Intro and Setup

Lecture 2: Setup Sign-in and Sign-up Pages

Lecture 3: Sign-in and Sign-up Functionalities

Lecture 4: Authentication screens styling

Chapter 3: Save Users To Mongo DB

Lecture 1: Setup Mongo DB

Lecture 2: User Model

Lecture 3: Save User

Chapter 4: Layout & State Management

Lecture 1: Implement Private Layout

Lecture 2: Layout Conditions

Lecture 3: Setup Zustand (State Management)

Chapter 5: User Profile

Lecture 1: Setup Profile Page

Lecture 2: Show Default Categories

Lecture 3: Customize Categories

Lecture 4: Loader

Chapter 6: Transactions

Lecture 1: Transactions Module Intro

Lecture 2: Add Transaction Form

Lecture 3: Transaction Model and Save Transaction

Lecture 4: Show Transactions

Lecture 5: Transaction Table Actions

Chapter 7: Edit and Delete Transactions

Lecture 1: Edit Transaction

Lecture 2: Delete Transaction

Chapter 8: Transaction Table Filters

Lecture 1: Filters UI

Lecture 2: Show Filters Selected

Lecture 3: Filters Server Action

Chapter 9: Dashboard

Lecture 1: Selecting Date Range

Lecture 2: Show Overall Statistics

Chapter 10: Category Level Analysis

Lecture 1: Data structure for category analysis

Lecture 2: Income Analysis

Lecture 3: Expense Analysis

Chapter 11: Deployment

Lecture 1: Deploy to Vercel

Lecture 2: Bug Fixes

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 2 votes
4 stars: 4 votes
5 stars: 6 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu