Skip to content

Financial planning simplified. Easily create budgets for your personal projects or expenses.

Notifications You must be signed in to change notification settings

ozharb/BudGitz-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BudGitz

Financial planning simplified. Easily create budgets for your personal projects or expenses.

This repo is the front-end client, built in React. You can see the app live at [https://budgitz-client.ozharb.vercel.app/]

The app is meant for mobile use, but will still scale for desktop viewing.

To check out the app, I suggest you create a dummy account so you can see the onboarding experience. But if you just want to view what the program looks like, you can use the demo account.

Demo Account Details

  • user name: Demo
  • password: Demo@2021

Introduction

The key to financial well-being is organization. BudGitz provides you with a quick and simple interface to breakdown big costs into small purchases to encourage thoughtful spending and creative planning. Use the app's intuitive features to edit purchases before you make them.

App Screenshots

screenshot

Technology

Front End

  • React
    • Create React App
    • React Router
  • HTML5
  • CSS3 (scratch - no frameworks)

Testing

  • Jest (screen captures & smoke tests)

Production

  • Deployed via Vercel

Getting Started

Run npm install to load dependencies

Run npm test to ensure a stable build

The repo for the backend end server I've developed is available at https://github.com/ozharb/budgitz-api.git and is currently deployed on Heroku.

Deployments are handled through vercel and can be run via npm run deploy

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

About

Financial planning simplified. Easily create budgets for your personal projects or expenses.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published