Expenses Tracker

Introduction

Expenses Tracker is web application built with MERN stack technologies to track all you finance, savings and expenses.

• Runtime used in backend - Node.js
• Frontend framework - React JS
• CSS preprocessor - SASS
• Backend framework - Express

Navigation

• Home Page - The Home Page of expenses tracker will display your total balance.

• Add - To add a new transaction click on the FAB ( + ) icon at bottom corner of the page.

• History - The History Page contains all the track of all you transactions.

• Savings - This page will show all the savings (positive transactions).

• Expenses - This page will show all the expenses (negative transactions).

• Contact the developer - To contact the developer, go to the contact us page and connect with them at different social platforms.

Development

To clone copy the following command in your terminal and start development.

git clone https://github.com/akshatmittal61/expenses-tracker.git

cd into the directory

cd expenses-tracker

Install all the dependencies

npm i

Run the project in development mode

npm run react

Run the backend server in a new terminal window

npm run server

For backend server you would need nodemon

To install nodemon locally in your system

npm i nodemon -g

Open http://localhost:3000 to view it in the browser.

• Note: Don't forget to add http://localhost:5000 to axiosInstance baseUrl in App.jsx for local development

Author

Akshat Mittal