Food-Delivery-App

Like this ReadMe template? Click below!
Explore the ReadMe template docs »

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. License
4. Contact
5. Acknowledgements

About The Project

This is a 2-week app done through Clever Programmer's Full Stack Mastery Bootcamp. This particular project had the following requirements in order to meet MVP:

• The project needed to be 3 pages.
• It must utilize 2 APIs (Google Maps + 1 more).
• It needs a form to interact with users.
• It needs to use Redux ToolKit as a state management system.
• For the Backend, it needs to use Firebase (Auth and Hosting) and Firestore.

We were allowed to put our own design spin on the project, so I decided to use neumorphic design throughout.

Built With

Frontend:

• Reactjs
• Styled Components
• React-Google-Maps/api

Backend:

• Firebase
• Redux Toolkit

APIs:

• Google Maps API
• Google Maps Geolocation API
• Documenu API

Getting Started

Installation

1. Get a Google API Key at https://developers.google.com/maps/documentation/places/web-service/get-api-key
2. Clone the repo

   git clone https://github.com/joshuasamaniego/food-delivery-app

3. Install NPM packages

   npm install

4. Save your API key in a .env file
5. And finally:

   npm start

License

Distributed under the MIT License.

Contact

Joshua Samaniego - @joshdavsam - joshuadsamaniego@gmail.com

Project Link: https://github.com/joshuasamaniego/food-delivery-app

Acknowledgements

Design Priciples:

• Neumorphic Design Generator
• Article on Neumorphic Design

Color Scheme:

Fonts:

• Barlow Condensed

Food-Delivery-App Logo:

• Canva

Clever Programmer:

• YouTube Channel
• Full Stack Mastery Bootcamp