Skip to content

==> Building a Meal App with React Native, TypeScript, Expo, React Navigation, and Redux. Utilizes key React Native features and powerful tools.

License

Notifications You must be signed in to change notification settings

saddamarbaa/meals-app-reactnative-typescript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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 saddamarbaas@gmail.com or create an issue on the GitHub repository.

Feedback

If you have any feedback or suggestions, please reach out to me at saddamarbaas@gmail.com. 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

https://github.com/saddamarbaa/meals-app-react-native-typescript

Go to the project directory

  meals-app-react-native-typescript

Install dependencies

yarn install

Start the server

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

Goal-tracking app built with React Native + TypeScript + Expo + React Navigation

Front-End Mentor Rest Countries API Challenge app built with React Native + TypeScript + Expo + React Navigation

Signal Clone App built with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database

Zoom Clone App built with React Native + TypeScript + Expo + React Navigation

Guess number game built with React Native + TypeScript + Expo + React Navigation

Twitter Clone App built with React Js + Next Js + TypeScript + Tailwind CSS + Vercel Hosting

Realtor Clone App built with React Js + TypeScript + Tailwind CSS + Vercel Hosting + Firebase

Netflix Clone App built with React Js + TypeScript + Redux + Stripe Checkout/Payments + Vercel Hosting + Firebase

Front-End Mentor Rest Countries API Challenge app built with React Js + Next Js + TypeScript + Tailwind CSS + Vercel Hosting

LinkedIn Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting

Instagram Clone App built with React Js + Next Js + TypeScript + Redux + Tailwind CSS + Heroicons

Facebook Clone App built with React Js + Next Js + TypeScript + Redux + Styled Components

Messenger Clone App built with React Js + Next Js + Redux + Styled Components + Material-UI

Gmail Clone App built with React Js + Next Js + TypeScript + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting

Signal Clone App built with React Native + TypeScript + Expo + React Navigation + Firebase Realtime Database + User Authentication + Passwordless Authentication with Magic Link

WhatsApp Clone App built with React Js + React Context API + Styled Components + Material-UI + Firebase Realtime Database + Firebase Hosting

Slack Clone App built with React Js + Next Js + Styled Components + firebase-hooks + Material-UI

Airbnb Clone App built with React Js + Next Js + Redux + Tailwind CSS

Amazon Clone App built with React Js + TypeScript + Redux + Styled Components

Tesla Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Vercel Hosting

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

About

==> Building a Meal App with React Native, TypeScript, Expo, React Navigation, and Redux. Utilizes key React Native features and powerful tools.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published