https://github.com/thegera4/recipes

This is a react-native mobile app about meals recipes
https://github.com/thegera4/recipes

context-api javascript mobile react-native react-navigation redux-toolkit

Last synced: 2 months ago
JSON representation

This is a react-native mobile app about meals recipes

• Host: GitHub
• URL: https://github.com/thegera4/recipes
• Owner: thegera4
• Created: 2022-10-08T18:16:17.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-10-09T22:15:43.000Z (almost 4 years ago)
• Last Synced: 2025-03-01T17:47:58.298Z (over 1 year ago)
• Topics: context-api, javascript, mobile, react-native, react-navigation, redux-toolkit
• Language: JavaScript
• Homepage:
• Size: 423 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# recipes

This is a react-native mobile app about meals recipes. It was made to practice:

* React-native navigation to display different screens with different information,

* Styles, 

* Redux-toolkit and contextApi to manage app states.



In the main screen, you will see tiles with all of the meal categories



![mainScreen](https://user-images.githubusercontent.com/84020433/194733466-3c3fb703-9f3b-4a98-a6ed-99aa78cb9254.JPG)



If you tap in a tile, you will navigate to the overview of the meals in that category



![categoryOverview](https://user-images.githubusercontent.com/84020433/194733492-e507df92-7331-4687-b33c-838806d39a6e.JPG)



If you tap in a card, you will navigate to the meal recipe screen, where you will find all of the ingredientes and instructions for preparation



![recipe](https://user-images.githubusercontent.com/84020433/194733493-7e319760-5db8-4b78-8f03-aa319a4693e5.JPG)



You can tap in the start icon in the header bar, in order to add that specific recipe to your favorites list.



![outline](https://user-images.githubusercontent.com/84020433/194781892-0a73d483-de50-4358-ac3a-67ccb09587ef.JPG)

![star](https://user-images.githubusercontent.com/84020433/194781898-ac2cfe47-8e31-4c9f-b3ae-b9d15dbfe038.JPG)



There is also a drawer in the main screen, which you can use to navigate quickly to different screens.



![drawer](https://user-images.githubusercontent.com/84020433/194733490-2cdc0bed-cafb-4e1b-bac3-cd740e7d0b6f.JPG)



Favorites list screen



![noFavs](https://user-images.githubusercontent.com/84020433/194781973-a0ba45db-3e91-41ae-bdda-5f01a1cd628f.JPG)

![favs](https://user-images.githubusercontent.com/84020433/194781879-8b8eb406-094e-4550-adcd-d9e81cc9a475.JPG)