Stacks

We had only one week to build this Full Stack Web Application from scratch.

Project description

A budgeting app designed to help one track their expenses and user patterns/trends to help maintain finances.

Target audience

Our app will be targeted towards people who has particular savings goals and those who want to keep track of their expenses. Wants a visual representation. Wants to see patterns in their spending.

Team members

Antonina Chichikalova, Emily Ke, & Kanisha Dabreo.

Tech Stack

• React.js - front end
• Node.js/Express.js - back end
• PostgreSQL - data base
• Material UI - styling components
• Chart.js - charts

Screenshots

Home Page

Pricing Page

Register Page

Login Page

Dashboard Page

Add Expenses/Income Page

Profile Page

Backstage process

If you'd like to take a look on how we did it, from what we started, the project workflow, then you are welcome - Stack's Chronicles.

Getting Started

1. Fork this repository, then clone your fork of this repository.
2. Install dependencies using the npm install command.
3. Start the web server using the npm run local command. The app will be served at http://localhost:8080/.
4. Go to http://localhost:8080/ in your browser.