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

Give it a name

Turn off Analytics. Then click on Create a project

And now your project is ready

B. Setup Authentication

Click on Get started

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

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

Now it is Enabled

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

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

Then add a nickname and register your app

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

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.