Monthly Budgeting Web Application
Dough is a budgeting app that helps you keep track of your expenses month to month. It is based off of the 50/30/20 budgeting Model. That being 50 for mandatory expenses like bills and insurance, the 30 for entertainment, travel and fun and the 20 for paying down debts and saving money.
React and Ruby on Rails Single-Page Web Application designed by Aaron David, Keila Lopez and Lindsay Taylor.
- Create an account, log in/out, and update or delete account
- Add, update and delete expenses and categories
- Associate expenses with specific categories
- Monitor current expenses compared to monthly income
- Quick view of recent expenses by way of the dashboard
https://www.youtube.com/watch?v=vK7i5B4Q0hw
Front End
- React Framework
- Semantic UI styled components
- Client-side routing via React Router/BrowserRouter
Back End
- Ruby on Rails Framework
- Model-View-Controller Architectural Development Pattern
- RESTful API utilizing Active Record and Active Model Serializers
- User authentication and authorization
- PostgreSQL relational database
- User password encryption with BCrypt Gem
From within root directory:
- npm install
- npm install semantic-ui --prefix client
- npm install --save react-browser-router
After cloning repo, run front end and server to test functionality.
- rails s (runs the backend on http://localhost:3000)
- npm start --prefix client (runs the frontend on http://localhost:4000)
A diagram showing React component tree.
Homepage
Dashboard
Signup Form
Create a new category form
Category management (ie. updating and deleting)
User expenses
