Giter Club home page Giter Club logo

eat-the-burger's Introduction

Eat the Burger


Table of Contents

  1. Overview
  2. Technologies
  3. Local Installation
  4. App Display

Overview

A node application that implements CRUD methodology and follows MVC pattern. This app allows user to create burger that they love and store them via MySQL database. One of the columns on the burgers table is devoured which is a BOOLEAN. Once the user click the "Devour It" button on a burger, the devoured boolean on that burger is set to true. Burgers that have not yet been devoured are displayed on the left side of the screen, whereas those that have been devoured are displayed to the right. The user is also able to delete the burger from the database by clicking on the Clean the dishes button.

Technologies

  • Express.js
  • Sequelize
  • MySQL
    • Local database
  • JawsDB
    • Deployed Heroku database
  • Handlebars
  • Node.js | JavaScript
    • Ajax calls
  • jQuery
  • HTML
  • CSS
  • Bootstrap

Local Installation

Step 1: Git Clone

Clone Burger-Sequelize to your local git repo like the following:

git clone [email protected]:sajadgzd/Eat-the-Burger.git

or

git clone https://github.com/sajadgzd/Eat-the-Burger.git

The Burger-Sequelize project and its files should now be in your project folder.

Step 2: Install Dependencies

Install the following dependencies listed in the package.json file:

npm install

Once completed, you will see a node_modules folder in your local repo.

The dependencies should now be in the local node_modules folder.

Step 3: Set up MySQL database

Via terminal type in these bash command once you are in the db directory

mysql -u root -p

enter your MySQL password

source schema.sql

exit

If you want to create some burger templates, you may also run the following in the db directory (optional)

mysql -u root -p

enter your MySQL password

source seeds.sql

exit

Step 4: Launch app

Via terminal type in these bash command once you are in the Eat-the-Burger root directory

node server.js

Go to your browser and type in localhost:8080 in your URL bar. Now you should see the application open locally. To visit deployed application, click here

App Display

Gif Demo

Demo

Live Demo

Click Here

eat-the-burger's People

Contributors

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