This application demonstrates a simple full stack application with a front end implemented with HTML/CSS and the backend implemented with Node.js and Express. HTML templating is done with the help of Handlebars.
The user may enter any burger name to add it to the menu. This also adds the new burger entry into the MySQL database. The initial burger entry is added as available on the menu and placed on the left side of the screen. The user may then eat any burger by clicking on it, which moves it into the adjacent column and updates its status accordingly in the database.
The demo of the burger eating application can be found here.
To run the application locally, first clone this repository with the following command.
Create a GitHub repo called burger
and clone it to your computer.
git clone git@github.com:jkasu/Burger.git
Make a package.json file by running npm init
from the command line.
Install the Express npm package: npm install express
.
Create a server.js file.
Install the Handlebars npm package: npm install express-handlebars
.
Install the body-parser npm package: npm install body-parser
.
Install MySQL npm package: npm install mysql
.
Require the following npm packages inside of the server.js file:
Finally, run the node server.js locally.
node server Now, open the local application on port 3000 at the URL: http://localhost:8080/.
Enjoy and have a burger!# Burger Eat-Da-Burger
Heroku Link : https://aqueous-caverns-50378.herokuapp.com/