An open API service indexing awesome lists of open source software.

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.

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.

Twitter
https://twitter.com/ArbaaSaddam/

Linkedin.
https://www.linkedin.com/in/saddamarbaa/

Github
https://github.com/saddamarbaa

Instagram
https://www.instagram.com/saddam.dev/

Facebook
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


Screenshot 2023-06-04 at 13 22 05




Screenshot 2023-06-04 at 13 24 29



## Drawer Menu


Screenshot 2023-06-04 at 13 29 57

## Meal OverView Screen


Screenshot 2023-06-04 at 13 33 25


## Favorites Meal Screen


Screenshot 2023-06-04 at 13 38 30