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

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

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

7. Run the server: npm run local

• Note: nodemon is used, so you should not have to restart your server

8. 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