Skip to content

carmenobied/Node-Express-Handlebars

Repository files navigation

Node-Express-Handlebars: Burger App

Project license badge

The goal was to create a burger logger with MySQL, Node, Express, Handlebars and a homemade ORM, by following the MVC design pattern, using Node and MySQL to query and route data in the app, and Handlebars to generate the HTML.

Bottomless-Burgers is a restaurant app that lets users input the names of burgers they'd like to eat and track the burgers that have been eaten.

Explore the app here: Bottomless Burgers App.

Table of Contents

User Story

AS A user, I want to insert burgers that I want to devour into a waiting area

THEN, I want to update select burgers to the devoured area if I've devoured them

SO THAT I can have a log of all the burgers that I have devoured

Installation

i. Fork the Github repository.
ii. Clone the forked repo into your local machine using gitbash/terminal to pull the project and data.
iii. Run the command-lines below to run the app functionality. You can also access the files and assets via Visual Studio to view the code. 
iv. Explore the app, which allows users to input the names of burgers they'd like to eat and tracks/stores it in a database.
v. App deployed on Heroku (utilize the MYSQL Heroku Deployment Guide)

To add .env file to local drive with the environmental variables in the root directory:

  1. Run npm install dotenv in the root directory - dotenv package
  2. Create .env file and add the environmental variables
  3. Run node app.js

If everything was installed correctly, you should be able to run it locally in http://localhost:8080/.

Deployed Application

Application deployed on Heroku: Bottomless Burgers App.

Usage

The app involves the following functionalities:

  • 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.
  • The app will store every burger in a database, whether devoured or not.
Technologies Used:
MVC - Node.js - Express - JavaScript - MySQL - Handlebars - jQuery - ORM 

Below is a screenshot of the deployed application functionality: Bottomless Burgers App

Contributing

Pull requests are welcome. Please use the Contributor Covenant Code of Conduct and for major changes, please open an issue beforehand to discuss the changes.

License

MIT License | Copyright © 2020 Carmen Obied

Tests

There are currently no tests for this project.

Questions

Have questions? Contact me at:

Github: carmenobied carmenobied

About

Node Express Handlebars

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published