This project was bootstrapped with Create React App. To learn React, check out the React documentation.
NOTE:
This will strictly be a web app and is not intended to be mobile responsive. Maybe in the future I can design the schematics to adapt on a mobile screen but this project is mainly to feature the Drag-n-Drop API and that is not an ideal UX for mobile users in the current iteration design I have. a snapshot of my skills so far. This uses a redux state with the Redux ToolKit
Update: Drag-n-Drop would be tedious and bad UX for large amount of data. Decided to keep it simple.
- Create React App
- Redux
- RTK (Redux Tool Kit)
- SASS
- SCSS Modules
I compared the pros and cons of redux vs. context. This app will use a lot of dynamic data in state. Context is great for static data, but redux is better for debugging and dealing with dynamic data.
Since most of the app is going to be sharing the state and affecting the state data, redux seems appropriate. Update: Looking back I could have done it without Redux but I needed to practice Redux with the Redux Toolkit.
Craft the UIState Management system, set up redux.Menu and modals to create, read and delete data.Drag-n-drop API (Not viable or good UX anymore)Install form library (React Hook Forms)- Unit Testing
- Feature: Bill Roulette
- Edit features