Code Monkey home page Code Monkey logo

johnsonr84 / full-stack-burgers Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 6.27 MB

Full Stack App - This burger logger app is built with MySQL, Node, Express, Handlebars and a homemade ORM (yum!). The app follows the MVC design pattern, uses Node and MySQL to query and route data in the app, and Handlebars to generate the HTML.

Home Page: https://full-stack-burgers.herokuapp.com/

JavaScript 51.76% Handlebars 42.57% CSS 5.67%
javascript jquery nodejs expressjs express-handlebars npm mysql

full-stack-burgers's Introduction

Description

Full Stack Burgers app is built with MySQL, Node, Express, Handlebars and a homemade ORM (yum!). The app follows the MVC design pattern, uses Node and MySQL to query and route data in the app, and Handlebars to generate the HTML.

  • The app 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.
  • The app will store every burger in a database, whether devoured or not.

github-follow project-languages-used project-top-language license

Built With

JavaScript NodeJS ExpressJS MySQL

Table of Contents

Project URL

https://github.com/johnsonr84/burger

Deployment

https://full-stack-burgers.herokuapp.com/

Mock-Up

burger app screenshot
screenshot of burger app
gif demo (See high qlt video link above)
gif demo of burger app

Installation

Access to GitHub.com and a code editor such as vscode is necessary. Click the GitHub link provided above to the APP REPO. Click on the green button that says Clone or Download and Choose how you would like to download: using the SSH/HTTPS keys or download the zip file. If using SSH/HTTPS Key: You will copy the link shown and open up either terminal (mac: pre-installed) or gitbash (pc: must be installed). Once the application is open, you will type git clone paste url here. If using Download ZIP: Click on Download Zip. Locate the file and double click it to unzip the file. Locate the unzipped folder and open it.

Usage

In order to use this APP, you need terminal (mac: pre-installed) or gitbash (pc: must be installed). You also need to download and install node.js and npm or yarn package manager. Open the cloned REPO in your favorite code editor, make sure you download the package.json, then in terminal, enter the command β€œnpm i" or "npm install" to install the dependencies. After installing, go to config folder, open connection.js and make sure to change the mysql password to your own, Or, you can instead go to .env_sample file and replace the sample password with you oown. Now you are ready to start using the app by entering β€œnode server.js” on your terminal or gitbash. If you just want to try how the app works, you can go to the link here

Credits

Me, myself and Irene

License

This project is mit licensed.

Features

Coming soon maybe

Tests

npm tests

Resources

Contact

Email: [email protected]

Author

Author(s): Rob Johnson

full-stack-burgers's People

Contributors

johnsonr84 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.