MERN Stack Expense Tracker Application

Build a MERN Stack Expense Tracker Application to track your daily needs

4.38 (24 reviews)
Udemy
platform
English
language
Web Development
category
127
students
5.5 hours
content
May 2022
last update
$19.99
regular price

What you will learn

MERN Stack all CRUD Operations

User Authentication to make this application accessible to multiple users

Add , Edit , Delete Transactions

Complete server side filtering with Mongo DB advanced queries

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.

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 Heroku ( Live Production Environment )

24/7 Support from the team

Description

Hi , Welcome to the course MERN Stack Expense Tracker

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 MERN Stack. 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.


  • MERN Stack all CRUD Operations

  • Understanding how Real Time Projects developed using the world most popular tech stack MERN.

  • User Authentication to make this application accessible to multiple users

  • Add , Edit , Delete Transactions

  • Complete server side filtering with Mongo DB advanced queries

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

  • 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 Heroku ( Live Production Environment )


What is an Expense Tracker?


Personal finance management is an important part of people’s lives. However, everyone does not have the knowledge or time to manage their finances in a proper manner. And, even if a person has time and knowledge, they do not bother with tracking their expenses as they find it tedious and time-consuming. Now, you don’t have to worry about managing your expenses, as you can get access to an expense tracker that will help in the active management of your finances.







Screenshots

MERN Stack Expense Tracker Application - Screenshot_01MERN Stack Expense Tracker Application - Screenshot_02MERN Stack Expense Tracker Application - Screenshot_03MERN Stack Expense Tracker Application - Screenshot_04

Content

Introduction and Resources

PROMO

Front End Setup

React App Setup
Folder Structure , NPM Modules
Layout Part - 1
Layout Part - 2

Backend Setup

Node + Express Server Setup
Mongo DB Node Connectivity

User Login / Registration UI

Login-Register Part-1
Login-Register Part-2

User Login-Registration API's

User Model and API's
Login Registration Testing

Loaders / Protected Routes

Loaders , Notification Messages
Protected Routes

Add Transaction - UI

Add Transaction - 1
Add Transaction - 2

Add Transaction - API's

Transaction Model
Add Transaction API
Display Transactions in Table

Filters

Date Filters Demo
Date Range Filters
Type Filtes

Analytics

Analatics Component
Total Transactions Analysis
Total Turnover Analysis

Category Wise Analysis

Income Category Analysis
Expense Category Analysis

Edit Delete Transactions

Edit Delete - 1
Edit Delete - 2

Refroctor and Deployment

CSS Refractor
Pushing code to github
Deployment to Heroku

Charts

Price

MERN Stack Expense Tracker Application - Price chart

Rating

MERN Stack Expense Tracker Application - Ratings chart

Enrollment distribution

MERN Stack Expense Tracker Application - Distribution chart

Coupons

DateDiscountStatus
5/14/202250% OFF
expired
4673846
udemy ID
5/5/2022
course created date
5/9/2022
course indexed date
Bot
course submited by