Udemy

Next.js 14 Expense Tracker and Money Manager App

立即報名
  • 237 名學生
  • 更新於 1/2024
4.5
(16 個評分)
CTgoodjobs 嚴選優質課程,為職場人士提升競爭力。透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期
全年招生
課程級別
學習模式
修業期
6 小時 5 分鐘
教學語言
英語
授課導師
K.Sathya Prakash Reddy
評分
4.5
(16 個評分)
3次瀏覽

課程簡介

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

課程章節

  • 10 個章節
  • 34 堂課
  • 第 1 章 Introduction
  • 第 2 章 User Authentication
  • 第 3 章 Save Users To Mongo DB
  • 第 4 章 Layout & State Management
  • 第 5 章 User Profile
  • 第 6 章 Transactions
  • 第 7 章 Edit and Delete Transactions
  • 第 8 章 Transaction Table Filters
  • 第 9 章 Dashboard
  • 第 10 章 Category Level Analysis

課程內容

  • 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

評價

  • 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!!

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策使用條款才繼續瀏覽。

我已閱讀及同意