Skip to content

Latest commit

 

History

History
62 lines (41 loc) · 2.07 KB

README.md

File metadata and controls

62 lines (41 loc) · 2.07 KB
Raw

image of ante-up logo

Run the app here: https://protected-ocean-74312-c02a72bd4c13.herokuapp.com/

Description

  • Ante Up is a responsive full stack web application that gives kids the ability to track their allowances and chores.

  • There were 5 phases of development:

    • Login/Register functionality:
      • User can login or register (if new user).

image of login

  • Dashboard functionality:
    • User see a snapshot of upcoming allowances and chores that are due.

image of dashboard

  • Money functionality:
    • User can "deposit" allowance into their 3 buckets: spend, share or save. Values are based as follows:
      • Spend is age * 70%
      • Save is age * 20%
      • Share is age * 10%
    • User will see a breakdown of spend, share and save bucks via VictoryPie component from Victory package.
    • User can move money (withdraw, deposit) between spend, share and save buckets.

image of money

  • Chore functionality:
    • User can see a list of chores.
    • User can toggle between daily & monthly chores.
    • User can update a chore when done (via checkbox).
    • User can add comments to a chore.

image of chore

image of chore

  • User profile functionality:
    • User can change username.
    • User can change avatar.
    • User can change age.

image of chore

To Run

  • Run queries found in database.sql file in a database application (I use Postico). This will create the required database files.
  • Clone repository locally.
  • Run npm install to install all dependencies.
  • Run npm run server to start server.
  • Run npm run client to start client.

Frontend: Frontend is built using React, Redux, Redux-Saga, JavaScript, CSS and HTML.

Backend: Backend is built using Node.js, Express, Axios and PostgreSQL.

Database: PostgreSQL.

Other Tools: VSCode, Git, GitHub