/MealsToGo

MealsToGo is a food app

Primary LanguageJavaScript

MealToGo 🎯

Search for restaurants in multiple cities and, get their details and save your favourite restaurants.

Features 🔥

✔️ Authentication with email & password
✔️ Render restaurants on Google/Apple Maps
✔️ Google/Apple Maps
✔️ Persistant data with local storage
✔️ Performance improvement GraphQL caching

Screenshots 📸

Screenshots

splash Screen Animation
Login Restaurant Detail
Favourites Map
Search Settings

Technologies used 🛠️

Code: React Native
Design: Styled Components
Authentication: Firebase auth
Map: Google/Apple Maps

Usage 📋

1. Server Setup 
#1. clone this project
~ git clone https://github.com/oussamabouchikhi/MealsToGo.git
#2. cd into it
~ cd MealsToGo
#3.a install expo-cli globally (if you don have it)
~ npm i -g expo-cli
#3.b install yarn globally (if you don have it)
~ npm i -g yarn
#3.c install app dependencies
~ yarn
#4. run app
# a. On an Android emulator
~ yarn android
# b. On an ios simulator
~ yarn ios
# b. On your device
~ yarn start
# then scan the QRCode, but make sure to install expo client on your phone

available scripts

~ yarn start   # start the app (then choose where to run)
~ yarn android # run the app on an Android emulator
~ yarn ios     # run the app on an ios simulator
~ yarn web     # run the app on the browser (web version)
~ yarn eject   # eject app from expo to a normal app
~ yarn lint    # lint the app code
2. Firebase Setup
A. Create a Firebase Project

First, head over to Firabse. Tap on + Add a project to Create a new project Firebase

Give it a name
Firebase

Turn off Analytics. Then click on Create a project
Firebase

And now your project is ready
Firebase

B. Setup Authentication

Click on Get started
Firebase

This is all types of authentication that we have, we want to enable the Emai/Password option to allow our users to sign-in with their email and password
Firebase

Click on it and then enable the option, then click Save
Firebase

Now it is Enabled
Firebase

C. Setup Firebase on the App Remember to replace the `firebaseConfig` variable in your `App.js` with your own config object from the firebase dashboard! Navigate to the project settings and scroll down to the config code. Copy the object in the code and replace the variable in your cloned code.

You need to fill the config object with our project info from firebase
Firebase

Scroll down to the bottom, and select the 3rd option </> (which is the web sdk, because we’re using React native)
Firebase

Then add a nickname and register your app
Firebase

And here you can find your project info, copy them then paste them in your app
Firebase

Contributing 💡

Pull request are welcome but please open an issue and discuss what you will do before 😊

License 📄

This project is open-sourced under the MIT license.