Giter Club home page Giter Club logo

johnsonr84 / the-chopping-block Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 13.28 MB

The Chopping Block - Interactive meat market to order and track inventory in a realtime database. The app is built in React. To view and use the deployed app "click" link below, "enter" a store name (or use the generated fun name) hit the "visit store" button, "sign in" via fb, twitter or gh, then "load" all the sample meats to start ordering. It's that simple!

Home Page: https://the-chopping-block.vercel.app/

HTML 0.72% Stylus 22.32% CSS 27.98% JavaScript 48.98%
react firebase authentication facebook-auth github-auth twitter-authentication vercel-deployment react-router-dom react-transition-group-2 stylus-css

the-chopping-block's Introduction

Description

The Chopping Block - Interactive meat market to order and track inventory in a realtime database. The app is built in React. To view and use the deployed app "click" link below, "enter" a store name (or use the generated fun name) hit the "visit store" button, "sign in" via fb, twitter or gh, then "load" all the sample meats to start ordering. It's that simple! App utilizes a firebase auth for Github, Twitter or Facebook and is deployed to Vercel ๐Ÿ˜‰

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

Built With

React.js node.js Firebase

Table of Contents

Outcome

  • It is responsive to different screen sizes of devices such as mobile, tablet, and desktop.

Project URL

https://github.com/johnsonr84/the-chopping-block

Deployment

https://the-chopping-block.vercel.app/

Demo/Screenshots

The Chopping Block Example
screenshot of the-chopping-block

Technologies

React.js, Node.js, Auth (Facebook, Twitter & Github), Firebase, Vercel Deployment

Installation

  • Access to GitHub.com and a code editor such as vscode is necessary
  • Go to https://github.com/johnsonr84/now-thats-delicious
  • Click on the green button that says Clone or Download
  • Choose how you would like to download: using the SSH/HTTPS keys or download the zip file
  • 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. Once you have cloned the git repo, cd into the repo and type open. to open the folder which contains all files used for the website. Once inside the folder, click on index.html to open the website in the browser.
  • 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. All the files for the website will be within this folder. Click on index.html to open the website in the browser.

Credits

I would like to credit Wes Bos's React For Beginners Course for teaching me the skills necessary to complete this wonderful project and to improve my understanding of React withing a realtime application.

License

This project is mit licensed.

Resources

Contact

Email: [email protected]

Author

Author(s): Rob Johnson
GitHub: https://github.com/johnsonr84/

the-chopping-block's People

Contributors

johnsonr84 avatar

Stargazers

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