This project will be used for budget and expense tracking for home and personal uses.
New user will likely come from:
- Register as new user including userid and password, email not required for login
Existing user will login as normal.
- Provide a Facebook, Google, etc social login?
- Make use of browser cookies, LocalStorage, IndexedDB, etc.
App \
- Use useState, useRef, useEffect, etc. hooks
App | UI Components
- Add a 60px Responsive TopNav w/ Material UI
<AppBar>
&<MenuIcon>
- Add an Offcanvas Drawer on the left, 200-250px using Material UI
<Drawer>
- Add an Avatar / UserIcon
App | UI / UX:
- Finish Google SEO, Ads and Analytics meta
- Create and Add a Favicon
- Create and Add a Logo
- Add a Theme
- Suggested colors:
- Dark Mode: Black, Gray
- Light Mode: Blue TopNav, White Canvas
- Suggested colors:
App | Workflow
-
Create a Task (add a new task or subtask)
- Use a calendar with date and time for start and end
-
Read a Task
-
Update a Task (change a due date)
-
Delete a Task (mark as completed)
-
Show a list of tasks completed
-
Integration with Google Calendar API
App | User Management
This app will allow a user to login
-
Create Signin / Login component
-
Create Signup / Register component
-
Create a User API?
CSS | Theme:
- Add a Theme
- Suggested colors:
- Dark Mode: Black, Gray
- Light Mode: Blue TopNav
- Suggested colors:
App | CSS & A11y
- Accessibility testing with Lighthouse, etc.
- Testing with various browsers
- Media Queries with breakpoints
Backend | Database:
- Choose backend: MongoDB
- Create APIs and API folder
- Create Express Server in server folder
Hosting: Planned on self hosting but could deploy somewhere.
Testing:
- Unit testing with Jest and Testing Library
- Write initial unit tests
- Performance Testing
- Chrome Performance Testnig
- Firefox Performance Testing
- Browser testing
- Chrome & Firefox
Design:
- Create a .drawio file with UML and sitemap
- Figma Design?
- Excalidraw
GitHub:
- Create Action
- Create Workflow
Editor:
- Add a tasks.json
-
Init project repository http://github.com/gbowne1/SavvyBudget
-
Publish project on some particular host to be decided on, but likely will be self hosted until MVP.
- [ ]
- [ ]