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
Checkout Cart
Order placed, waiting for pick up
Both the client and the restaurant receive an SMS when the order is placed.
Restaurant-Side
When the order is marked as "ready for pick up", the client will receive an SMS.
Wireframes
Menu / Main Page
Order Checkout
Waiting Screen
Restaurant View
ERDs
Route Table
Getting Started
- Create the
.env
by using.env.example
as a reference:cp .env.example .env
- Update the .env file with your correct local information
- username:
labber
- password:
labber
- database:
midterm
- Install dependencies:
npm i
- Fix to binaries for sass:
npm rebuild node-sass
- Reset database:
npm run db:reset
- Check the db folder to see what gets created and seeded in the SDB
- Run the server:
npm run local
- Note: nodemon is used, so you should not have to restart your server
- 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, 06:27 PM
FoodApp Midterm
Author: Miaouchkinz
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