https://github.com/iammar7/recipry

A react-native based food recipes app
https://github.com/iammar7/recipry

react react-native react-navigation redux-toolkit

Last synced: 2 months ago
JSON representation

A react-native based food recipes app

Host: GitHub
URL: https://github.com/iammar7/recipry
Owner: iAmmar7
Created: 2021-10-13T18:26:20.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2022-01-07T18:55:05.000Z (over 4 years ago)
Last Synced: 2025-01-13T20:18:09.658Z (over 1 year ago)
Topics: react, react-native, react-navigation, redux-toolkit
Language: JavaScript
Homepage:
Size: 5.42 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# recipry
Recipry is a react native based food recipes application.

## Purpose
> The purpose of this project is to learn how to integrate multiple navigators inside a single parent and how to integrate those navigators with redux :bangbang:

## Few features
- For navigation, this app is using *four* different navigators provided by the [React Navigation](https://reactnavigation.org/docs/getting-started/) library
- **Stack Navigator**,
- **Bottom Tabs Navigator** (for *iOS*),
- **Material Bottom Tabs Navigator** (for *Android*), and
- **Drawer Navigator**.
- Data flow between different screens through different these navigator options :arrows_counterclockwise:
- Different tab and header color according to the current route :rainbow:
- Cool color change algorithm for meal categories that allows user to see different color tiles every time they open the app :rainbow:
- Allow user to add recipe in their favorites section :heart:
- User can select few filters and meals are displayed to the user according to his/her filter selection :left_right_arrow:
- This app is using the **Open Sans** font for all the text :capital_abcd:
- For state management, this app has been integrated with **Redux** using [Redux Toolkit](https://redux-toolkit.js.org/) :purple_circle:

## Technologies
- React Native
- Expo CLI
- React Navigation
- Redux Toolkit

## App screens
| Home screen | Favorites screen | Favorite Meal Details screen | Side Drawer | Filters screen |
| ----------- | ------------ | -------------------------------- | ----------- | -------------- |
| | | | | |