Code Monkey home page Code Monkey logo

food_pick-up_ordering's Introduction

Food Pick-up Ordering App

A full-stack food-ordering pick-up application with notification features as a fulfillment of Lighthouse Lab's midterm project.

Final Product

Home Page

"app1"

Shopping Cart

"app2"

Order Submitted by Customer

Alt text

Admin Dashboard

Alt text

Confirmation By Admin

Alt text

Pop-up Display of Pick-up Time to Customer

Alt text

Twilio Notification to Admin

Alt text

Twilio Notification to Customer

Alt text

Customer Order - GIF

Admin Order Acceptance - GIF

Notification Pop-up for Customer - GIF

Getting Started

  1. Clone this repository.
  2. Use the .env.example to create and update the .env file with your correct local information
  3. Install dependencies: npm i
  4. Fix to binaries for sass: npm rebuild node-sass
  5. Reset database: npm run db:reset
  • Check the db folder to see what gets created and seeded in the SDB
  1. Run the server: npm run local
  • Note: nodemon is used, so you should not have to restart your server
  1. Visit http://localhost:8080/

Dependencies

  • Node 10.x or above
  • NPM 5.x or above
  • PG 6.x
  • Body-parser 1.19.0 or above
  • Bulma 0.9.3 or above
  • Chalk 2.4.2 or above
  • Cookie-session 1.4.0 or above
  • Dotenv 2.0.0 or above
  • Ejs 2.6.2 or above
  • Express 4.17.1 or above
  • Morgan 1.9.1 or above
  • Node-sass-middleware 0.11.0 or above
  • Pg-native 3.0.0 or above
  • Twilio 3.67.2 or above

Warnings & Tips

  • Do not edit the layout.css file directly, it is auto-generated by layout.scss
  • Split routes into their own resource-based file names, as demonstrated with users.js and widgets.js
  • Split database schema (table definitions) and seeds (inserts) into separate files, one per table. See db folder for pre-populated examples.
  • Use the npm run db:reset command each time there is a change to the database schema or seeds.
    • It runs through each of the files, in order, and executes them against the database.
    • Note: you will lose all newly created (test) data each time this is run, since the schema files will tend to DROP the tables and recreate them.

food_pick-up_ordering's People

Contributors

ysabelgarcia10 avatar kathakkar avatar jenlaw266 avatar

Watchers

 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.