Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jacastanon01/mealplanner

Meal planning SPA that allows a user to plan the meals for the upcoming week. This app utilizes redux toolkit and react persist for local storage
https://github.com/jacastanon01/mealplanner

Last synced: about 1 month ago
JSON representation

Meal planning SPA that allows a user to plan the meals for the upcoming week. This app utilizes redux toolkit and react persist for local storage

Awesome Lists containing this project

README

        

# Meal Planning with RTK

This was built as a weekend project to learn more about state management using Redux Toolkit. The user will be able to add a recipe to their meal planner by selecting a day/time and entering the url of the recipe. The request is then sent to the backend where Spoonacular's recipe extraction API is called and returns the recipe data. That data is then stored in local storage, with the logic being handled by redux-persist since storing non-serialized data in redux is not recommended.

## Links

- [Live site](https://rtk-meal-planner.onrender.com)
- [Repo](https://github.com/jacastanon01/mealplanner)
- [Recipe extraction API](https://spoonacular.com/food-api/docs#Extract-Recipe-from-Website)

## Built with

- React
- Redux Toolkit
- Redux Persist
- Vanilla CSS
- Node / Express
- Axios

Screenshot 2023-08-23 at 1 05 59 AM
Screenshot 2023-08-23 at 1 08 08 AM
Screenshot 2023-08-23 at 3 04 11 PM
Screenshot 2023-08-23 at 3 03 43 PM