"Where's My Money?" is a website tailored to someone who is looking to visualize and control their spending habits. With this app the user can create an account with thier username, email, and password. The user can add their transactions by entering the date, description, amount, transaction type, and category. They will see their transaction data displayed in graphs showing them what categories their funds are contributing to, monthly expense compairisons, and monthly income compairisons. The user is also able to edit and delete their transaction data.
- HTML
- CSS
- Bootstrap
- Javascript
- ExpressJS
- PostgresSQL
- Sequelize
- Passport
- JQuery
- Chart.js
The minimum viable product for this project was a web page that displays transactions the user has entered and charts to help visualize the data.
- Edit and delete buttons
- Edit button uses modal to input new info
- Add transaction modal
- More charts to provide additional data visualization
- Search function that allows you to find transactions by description or category
- Google authentication
- Responsible for the initial app set up
- Built the api to send data to the front end
- Set up local authentication and authorization through google
- Helped set up relational tables and make database calls using sequelize and ElephantSQL
- Primary developer to connect frontend pages to backend database such as storing login information, transaction data into database by using ProgresSQL.
- Primary developer of the adding, editing and deleting transaction feature using Javascript, node, ExpressJS, Sequelize.
- Set up login page, dashboard page using HTML, CSS and Bootstrap for responsiveness.
- Primary developer of the data visualization feature
- Used chart.js and Sequelize to create charts and display current data from database
- Used Bootstrap for mobile responsiveness of charts.
- Created the register page
- Translating JQuery to use JS and CSS
- Formatting EJS partials
- Added edit function with Manjuan