{"id":20201540,"url":"https://github.com/iammar7/recipry","last_synced_at":"2026-05-05T01:36:30.670Z","repository":{"id":119675943,"uuid":"416854836","full_name":"iAmmar7/recipry","owner":"iAmmar7","description":"A react-native based food recipes app","archived":false,"fork":false,"pushed_at":"2022-01-07T18:55:05.000Z","size":5679,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-13T20:18:09.658Z","etag":null,"topics":["react","react-native","react-navigation","redux-toolkit"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iAmmar7.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-13T18:26:20.000Z","updated_at":"2022-01-07T18:55:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"d8693339-c111-4ab9-902b-afe8975f9d89","html_url":"https://github.com/iAmmar7/recipry","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Frecipry","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Frecipry/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Frecipry/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Frecipry/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iAmmar7","download_url":"https://codeload.github.com/iAmmar7/recipry/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241637291,"owners_count":19994946,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-native","react-navigation","redux-toolkit"],"created_at":"2024-11-14T04:51:37.947Z","updated_at":"2026-05-05T01:36:30.629Z","avatar_url":"https://github.com/iAmmar7.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# recipry\nRecipry is a react native based food recipes application.\n\n## Purpose\n\u003e 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:\n\n## Few features\n- For navigation, this app is using *four* different navigators provided by the [React Navigation](https://reactnavigation.org/docs/getting-started/) library\n  - **Stack Navigator**,\n  - **Bottom Tabs Navigator** (for *iOS*),\n  - **Material Bottom Tabs Navigator** (for *Android*), and\n  - **Drawer Navigator**.\n- Data flow between different screens through different these navigator options :arrows_counterclockwise:\n- Different tab and header color according to the current route :rainbow:\n- Cool color change algorithm for meal categories that allows user to see different color tiles every time they open the app :rainbow:\n- Allow user to add recipe in their favorites section :heart:\n- User can select few filters and meals are displayed to the user according to his/her filter selection :left_right_arrow:\n- This app is using the **Open Sans** font for all the text :capital_abcd:\n- For state management, this app has been integrated with **Redux** using [Redux Toolkit](https://redux-toolkit.js.org/) :purple_circle:\n\n## Technologies\n- React Native \u003cimg align=\"center\" alt=\"ReactNative\" src=\"https://img.shields.io/badge/-ReactNative-45b8d8?style=flat-square\u0026logo=react\u0026logoColor=white\" /\u003e\n- Expo CLI \u003cimg align=\"center\" alt=\"Expo\" src=\"https://img.shields.io/badge/-Expo-000000?style=flat-square\u0026logo=expo\u0026logoColor=white\" /\u003e\n- React Navigation \u003cimg align=\"center\" alt=\"ReactNavigation\" src=\"https://img.shields.io/badge/-ReactNavigation-52457B?style=flat-square\u0026logo=react\u0026logoColor=white\" /\u003e\n- Redux Toolkit \u003cimg align=\"center\" alt=\"Redux\" src=\"https://img.shields.io/badge/-Redux-764ABC?style=flat-square\u0026logo=redux\u0026logoColor=white\" /\u003e\n\n## App screens\n| Home screen | Favorites screen | Favorite Meal Details screen | Side Drawer | Filters screen |\n| ----------- | ------------ | -------------------------------- | ----------- | -------------- |\n| \u003cimg src=\"assets/Home.png\" width=\"200\"/\u003e | \u003cimg src=\"assets/Favorites.png\" width=\"200\"/\u003e | \u003cimg src=\"assets/FavoriteMealDetails.png\" width=\"200\"/\u003e | \u003cimg src=\"assets/Drawer.png\" width=\"200\"/\u003e | \u003cimg src=\"assets/Filters.png\" width=\"200\"/\u003e |\n\n| Meals screen | Meals Details screen |\n| ------------ | -------------------- |\n| \u003cimg src=\"assets/Meals.png\" width=\"200\"/\u003e | \u003cimg src=\"assets/MealDetails.png\" width=\"200\"/\u003e |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiammar7%2Frecipry","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiammar7%2Frecipry","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiammar7%2Frecipry/lists"}