https://github.com/saddamarbaa/meals-app-reactnative-typescript
==> Building a Meal App with React Native, TypeScript, Expo, React Navigation, and Redux. Utilizes key React Native features and powerful tools.
https://github.com/saddamarbaa/meals-app-reactnative-typescript
context-api expo react-native reactjs reactnavigation6 redux typescript
Last synced: 2 months ago
JSON representation
==> Building a Meal App with React Native, TypeScript, Expo, React Navigation, and Redux. Utilizes key React Native features and powerful tools.
- Host: GitHub
- URL: https://github.com/saddamarbaa/meals-app-reactnative-typescript
- Owner: saddamarbaa
- License: mit
- Created: 2023-05-30T00:03:10.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-04T06:52:00.000Z (about 2 years ago)
- Last Synced: 2025-02-03T14:48:36.017Z (4 months ago)
- Topics: context-api, expo, react-native, reactjs, reactnavigation6, redux, typescript
- Language: TypeScript
- Homepage:
- Size: 380 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Meals App
==> Meals App built with React Native, TypeScript, Expo, Redux and React Navigation. It allows users to browse and search for different meals, view details and recipes, and create a personalized collection of favorite meals. The app utilizes key React Native features and powerful tools to provide a delightful cooking and meal planning experience.# Table of contents
- [Author](#Author)
- [Technologies](#Technologies)
- [Optimizations](#Optimizations)
- [Contributing](#Contributing)
- [Status](#status)
- [Features](#Features)
- [Related Projects](#Related_Projects)
- [Support](#Support)
- [Feedback](#Feedback)
- [Run Locally](#Run_Locally)
- [Screenshots](#Screenshots)# Author
### @Saddam Arbaa
# Technologies
- React Native
- TypeScript
- Expo
- React Navigation
- Redux# Optimizations
- Function components
- React hooks
- TypeScript# Features
- Browse meals: Users can browse through a collection of meals, organized by categories.
- Meal details: Users can view detailed information about a selected meal, including ingredients, instructions, and nutritional information.
- Favorite meals: Users can add meals to their list of favorites and access them easily.
- Search meals: Users can search for specific meals based on keywords or filters. (TODO)
- Personalization: Users can create a personalized profile and customize their favorite meals collection. (TODO)
- Meal planning: Users can plan their meals for the week by adding meals to specific days. (TODO)# Support
For support, you can contact me via email [email protected] or create an issue on the GitHub repository.
# Feedback
If you have any feedback or suggestions, please reach out to me at [email protected]. Your feedback is valuable in improving the app.
https://twitter.com/ArbaaSaddam/Linkedin.
https://www.linkedin.com/in/saddamarbaa/Github
https://github.com/saddamarbaa
https://www.instagram.com/saddam.dev/
https://www.facebook.com/saddam.arbaa# Run_Locally
Clone the project
```bash
https://github.com/saddamarbaa/meals-app-react-native-typescript
```Go to the project directory
```bash
meals-app-react-native-typescript
```Install dependencies
```bash
yarn install
```Start the server
```bash
yarn start
```# Contributing
Contributions are always welcome!
# Status
The project is currently under active development, and I'm working on it in my free time.
# Related_Projects
### Guess Number Game built with React Native + TypeScript + Expo + React Navigation
### Github Repo### Goal-tracking app built with React Native + TypeScript + Expo + React Navigation
### Github Repo### Front-End Mentor Rest Countries API Challenge app built with React Native + TypeScript + Expo + React Navigation
### Github Repo### Signal Clone App built with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database
### Github Repo### Zoom Clone App built with React Native + TypeScript + Expo + React Navigation
### Github Repo### Guess number game built with React Native + TypeScript + Expo + React Navigation
### Github Repo### Twitter Clone App built with React Js + Next Js + TypeScript + Tailwind CSS + Vercel Hosting
### Github Repo
### LIVE DEMO
### Realtor Clone App built with React Js + TypeScript + Tailwind CSS + Vercel Hosting + Firebase
### Github Repo
### LIVE DEMO
### Netflix Clone App built with React Js + TypeScript + Redux + Stripe Checkout/Payments + Vercel Hosting + Firebase
### Github Repo
### LIVE DEMO
### Front-End Mentor Rest Countries API Challenge app built with React Js + Next Js + TypeScript + Tailwind CSS + Vercel Hosting
### Github Repo
### LIVE DEMO
### LinkedIn Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting
### Github Repo
### LIVE DEMO
### Instagram Clone App built with React Js + Next Js + TypeScript + Redux + Tailwind CSS + Heroicons
### Github Repo
### LIVE DEMO
### Facebook Clone App built with React Js + Next Js + TypeScript + Redux + Styled Components
### Github Repo
### LIVE DEMO
### Messenger Clone App built with React Js + Next Js + Redux + Styled Components + Material-UI
### Github Repo
### LIVE DEMO
### Gmail Clone App built with React Js + Next Js + TypeScript + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting
### Github Repo
### LIVE DEMO
### Signal Clone App built with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database + User Authentication + Passwordless Authentication with Magic Link
### Github Repo
### WhatsApp Clone App built with React Js + React Context API + Styled Components + Material-UI + Firebase Realtime Database + Firebase Hosting
### Github Repo
### LIVE DEMO
### Slack Clone App built with React Js + Next Js + Styled Components + firebase-hooks + Material-UI
### Github Repo
### LIVE DEMO
### Airbnb Clone App built with React Js + Next Js + Redux + Tailwind CSS
### Github Repo
### LIVE DEMO
### Amazon Clone App built with React Js + TypeScript + Redux + Styled Components
### Github Repo
### LIVE DEMO
### Tesla Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Vercel Hosting
### Github Repo
### LIVE DEMO
# Screenshots
## All Categories Screen
![]()
![]()
## Drawer Menu
![]()
## Meal OverView Screen
![]()
## Favorites Meal Screen
![]()