JAruliah/expense-tracker

Expense and Income tracking app

Expense Tracker

Live Site: https://expensetracker.jaruliah.me/

This is an expense and income tracker

Description

In this project users will be able to register and login. Authentication is setup using bcrypt to hash passwords for added security. Each user has access to their own expenses and income. Income and expenses can be added through the user as well as edited anytime.

Built With

• React
• Nodejs
• Express
• MongoDB
• SCSS
• Hosted on NGINX VPS

Getting Started

Installing/Setup

Server

• Inside of server folder .env file must be created with contents as follows: DB_CONNECTION="your database connection"
• to install all server dependencies run:

cd server
npm install

Client

• .env file must be created in the client folder with REACT_APP_BASE_URL = "your base api route"
• SCSS files need to be compiled, you can run:

cd /client
npm run scss

• to install all client dependencies run:

cd ../client
npm install

Executing program

Server

• To start the server run:

cd ../server
npm run start

Client

• To start react run:

cd ../client
npm start

Things to do

• Initialize project, setup database
• Add register and login API routes
• Implement password hashing
• Add POST and DELETE for expenses
• API testing, all routes working correctly
• Design Front End Wireframe (Modified Template, created by: https://dribbble.com/Pragathesh)
• Setup react app
• Register page functionality
• Login page functionality
• Protected route to dashboard
• Dashboard calculate expenses
• Dashboard add expenses
• Dashboard delete expenses
• Dashboard display expenses
• Adding validation
• Add classes for styling, clean up
• Testing and optimizing
• Style register page
• Style login page
• Style dashboard page
• Style 404 page
• Bug testing
• Deploy project :)

Upcoming Features / Updates

• Create logo
• Add budget tracking
• Choose different currency
• ?????