In this assignment, I created a burger logger with MySQL, Node, Express, Handlebars and ORM. I use Node and MySQL to query and route data in the app, and Handlebars to generate the HTML.
-
Eat-Da-Burger! is a restaurant app that lets users input the names of burgers they'd like to eat.
-
Whenever a user submits a burger's name, the app will display the burger on the left side of the page -- waiting to be devoured.
-
Each burger in the waiting area also has a
Devour it!
button. When the user clicks it, the burger will move to the right side of the page. -
This app will store every burger in a database, whether devoured or not.
All the files and directories look like the following structure:
.
├── config
│ ├── connection.js
│ └── orm.js
│
├── controllers
│ └── burgers_controller.js
│
├── db
│ ├── schema.sql
│ └── seeds.sql
│
├── models
│ └── burger.js
│
├── node_modules
│
├── package.json
│
├── public
│ └── assets
│ ├── css
│ │ └── burger_style.css
│ └── img
│ └── burger.png
│
│
├── server.js
│
└── views
├── index.handlebars
└── layouts
└── main.handlebars
-
Clone a GitHub repo
Burger
to your computer. -
Install the Handlebars npm package:
npm install express-handlebars
. -
Install MySQL npm package:
npm install mysql
. -
Install the Express npm package:
npm install express
.
Type npm start
or node server.js
in console then the application will prompt the http://localhost:8080/
.