Udemy

Next.js 14 Expense Tracker and Money Manager App

Enroll Now
  • 237 Students
  • Updated 1/2024
4.5
(16 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
6 Hour(s) 5 Minute(s)
Language
English
Taught by
K.Sathya Prakash Reddy
Rating
4.5
(16 Ratings)
3 views

Course Overview

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

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 Content

  • 10 section(s)
  • 34 lecture(s)
  • Section 1 Introduction
  • Section 2 User Authentication
  • Section 3 Save Users To Mongo DB
  • Section 4 Layout & State Management
  • Section 5 User Profile
  • Section 6 Transactions
  • Section 7 Edit and Delete Transactions
  • Section 8 Transaction Table Filters
  • Section 9 Dashboard
  • Section 10 Category Level Analysis

What You’ll 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

Reviews

  • P
    Panji Asmoro
    4.5

    so far this course has been good, but it, but many still use this any type for typescript . so lost the safe type

  • B
    Benard Awuko
    5.0

    Awesome

  • T
    Teeradet Tavarpinun
    3.5

    - The video is too small. makes learning unclear - There should be source code and github attached to each lesson.

  • S
    Satender
    4.5

    Great Explanation!!

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed