https://github.com/santarelle/recipe-app
Recipe App is a React JS project
https://github.com/santarelle/recipe-app
circle-ci material-ui react react-redux recipe-app recipes
Last synced: 3 months ago
JSON representation
Recipe App is a React JS project
- Host: GitHub
- URL: https://github.com/santarelle/recipe-app
- Owner: santarelle
- Created: 2020-05-14T15:29:15.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-02-10T22:30:55.000Z (over 3 years ago)
- Last Synced: 2023-03-03T18:24:07.769Z (over 2 years ago)
- Topics: circle-ci, material-ui, react, react-redux, recipe-app, recipes
- Language: TypeScript
- Homepage: https://recipe-app-two.now.sh
- Size: 841 KB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Demo: https://recipe-app-two.now.sh/
A web app to search and save favorites recipes using TheMealDB API
Languages |
Technologies |
Install |
Usage |
User Stories
## :computer: Languages
- **TypeScript**
## :books: Technologies
- **React**
- **ESLint**
- **Prettier**
- **Redux**
- **SASS**
- **Material UI**
- **Circle CI**
## Install
```sh
npm install
```
## Usage
```sh
npm start
```
## User Stories
- User can see a list of recipe titles
- User can click a recipe title to display a recipe card containing the
recipe title, meal type (breakfast, lunch, supper, or snack), number of people
it serves, its difficulty level (beginner, intermediate, advanced), the list
of ingredients (including their amounts), and the preparation steps.
- User click a new recipe title to replace the current card with a new
recipe.
- User can see a photo showing what the item looks like after it has
been prepared.
- User can search for a recipe not in the list of recipe titles by
entering the meal name into a search box and clicking a 'Search' button. Any
open source recipe API may be used as the source for recipes (see The MealDB
below).
- User can see a list of recipes matching the search terms
- User can click the name of the recipe to display its recipe card.
- User can see a warning message if no matching recipe was found.
- User can click a 'Save' button on the cards for recipes located through
the API to save a copy to this apps recipe file or database.
## Author
👤 **Marco Jardim**
* Github: [@santarelle](https://github.com/santarelle)
---
Made by :red_heart: by [Marco Jardim](https://github.com/santarelle)