Recipe App with React and TypeScript
Components organized according to Atomic Design. Recipes are imported initially from JSON file, and user can perform CRUD operations in memory with this data. App uses Context for recipes and theme. Other items include:
- Add and Edit forms use Formik
- React router has changes to developer API using Router V6
- Use styled components
- Features material colors for light and dark theme
- Material icons and some components
Styled components provides CSS in JS. Here is very basic example.