Code Monkey home page Code Monkey logo

food-delivery's Introduction

alt text

Food Delivery Service Manager


Using Angular and FireStore to build a web application for a food service business owner, 11.09.2017

By Nathan McGregor, Mark Helt, Dan Danilyuk & Michael A. Brooks

Description

Create an app using Angular and FireStore to manage a small food service delivery business.

Specs

As a user I want to...

PROFILE

  • log into my personal business profile

CLIENTS

  • view a full client list
  • click on client and Add/edit/delete clients

MAP

  • be able to view a map of all clients
  • view routing to clients to plan delivery

MENU

  • input and view meal menu

PAYMENT

  • track who has and hasn’t paid

Setup/Installation Requirements

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Open terminal on your computer, Navigate to the folder you would like to clone the project into and run:

git clone https://github.com/MikeAlphaBravo/food-deliver

cd food-delivery

npm install

touch app/api-keys.ts

Navigate in your browser to https://firebase.google.com/

Log in with your Gmail credentials

  1. Open the Firebase Console.
  2. If you haven’t created an API project yet, click Create Project.
  3. Find your Firebase project and click Project Name.
  4. Click the setting icon and select "Project Setting" menu
  5. Select "Cloud Messaging" tab and use API key in place of "YOUR_API_HERE" in api-keys.ts

Follow instructions here: https://developers.google.com/maps/documentation/javascript/get-api-key to get your Google Maps API key, insert as in step 5 above ^

Follow instruction here: https://developers.google.com/maps/documentation/geocoding/get-api-key to get your Google Maps Geocoding API key, insert as in step 5 above ^

ng serve

Open a tab in your browser and navigate to localhost:4200 You should be taken to the Home Page of our delivery service web application and can log in with a Google account at the top right.

User experience screenshots:

alt text

alt text

alt text

Running the tests

There are currently no tests for this application but will be soon!

Known Bugs

Curretnly testing for bugs and running different user scenarios, please submit or contact us if you find any.

Support and contact details

Updates or suggestions please contact any of our contributors or make a contribution yourself.

Built With

Future Features

  • As admin be able to add/edit and delete business or co-login profiles
  • Make a new business or co-login for existing business
  • Sort client list by size of order, type of order, zipcode, quadrant(or zone) of city or route
  • Input a new address into live map to see where it is in relation to existing clients
  • Send menu as attachment in email
  • View old menus for reference
    • Build a menu for next or any week
    • Recipe prep, shopping, timelines etc
  • Email all clients by size of order, type of order, zipcode, quadrant(or zone) of city or route
  • Text clients via email link
  • To view a calendar of delivery dates
    • To view my schedule for shopping, prep, execution, delivery and post production clean up
  • To know when users pay for their service i.e. weekly or monthly

License

This project is licensed under the MIT License - see the LICENSE.md file for details Copyright (c) 2017 Nathan McGregor, Mark Helt, Dan Danilyuk & Michael A. Brooks

Acknowledgments

  • All the amazing developers, Stack Overflow and Google that help me through these challenges!
  • My amazing friends and boyfriend for emotional support, Eli and KC you're the best <3

food-delivery's People

Contributors

heltmm avatar mikealphabravo avatar hal2814 avatar dandanilyuk avatar angular-cli avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.