Learn typescript and MaterialUI by creating a medium complexity to do list app.
- General
- Create basic app structure
- Add a symbol select option for new list form
- Decide if symbol goes at the list level or at the action level
- Add a symbol select option for new list form
- Export named exports from New List directory.
- Create basic app structure
- Styling
- Style InputLabel with Override
- Finish styling AppBar
- Make todo lists a little more sleek
- State Management
- Implement state at the NewListForm level
- Generate ids for components
- Implement handleChange on NewListForm for title and description
- Create to do list functionality
- Add save functionality
- Pass callback to NewListForm to save the form and create a list card
- Create functionality for renderCards
- Clear form on state save
- Can update an existing list
- Can check off completed tasks
- Create reducer at the top level
- Implement state at the NewListForm level