FoodApp Midterm

FoodApp Midterm

Camilo's Café is a simple, single-page application for a restaurant that offers pick-up orders for both the client and restaurant side. It uses JQuery, HTML5, Bootstrap, and SCSS on the front-end and Node JS, Express, Postgres on the back-end.

The midterm project is our first chance to work in teams and build an app from the ground up. We used Trello to help organize ourselves as well as Draw.io to create our ERDs and Wireframes.


Final Product

Menu items by food category

Menu_Items_By_Category

Checkout Cart

Checkout Cart

Order placed, waiting for pick up

Both the client and the restaurant receive an SMS when the order is placed.

Order_Placed_Waiting_Page

Restaurant-Side

When the order is marked as "ready for pick up", the client will receive an SMS.

Restaurant_View


Wireframes

Menu / Main Page

Menu_Main_Page

Order Checkout

Order_Checkout

Waiting Screen

Waiting_screen

Restaurant View

restaurant_views


ERDs

ERD


Route Table

FoodApp_Routes_Table


Getting Started

  1. Create the .env by using .env.example as a reference: cp .env.example .env
  2. Update the .env file with your correct local information
  • username: labber
  • password: labber
  • database: midterm
  1. Install dependencies: npm i
  2. Fix to binaries for sass: npm rebuild node-sass
  3. 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.x
  • Cookie-session 1.x
  • Express 4.x
  • Sass 0.11.x
  • Twilio 3.39.x
New
(21)
• Released: Apr 21, 2020, 11:57 PM

FoodApp Midterm

Author: Miaouchkinz
Item was Featured Author was Featured
FREE
Camilo's Café is a simple SPA for a restaurant that offers pick-up orders for both the client and restaurant side. It uses JQuery, HTML5, Bootstrap, and SCSS on the front-end and Node JS, Express, Postgres on the back-end. size
git clone https://github.com/Miaouchkinz/FoodApp-Midterm.git