Giter Site home page Giter Site logo

kendoriddy / beefland-eatery Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 5.34 MB

The BeefLand web application displays a list of meals that were provided by an external API. The users can like a meal, leave some comments or make a reservation, in these cases an involvement API was used. N.B. The reservation functions are not implemented because there are just two in the group.

Home Page: https://kendoriddy.github.io/BeefLand-Eatery/

License: MIT License

HTML 5.97% JavaScript 67.28% CSS 26.75%
webpack css html javascript

beefland-eatery's Introduction

BeefLand Menu

The BeefLand web application displays a list of meals that were provided by an external API. The users can like a meal, leave some comments or make a reservation, in these cases an involvement API was used.

N.B. The reservation functions are not implemented because there are just two in the group.

This is the second Microverse capstone project meant to summarize all the content learned through module 2. The objective was to mimic the appearance of a dynamic web application, in a similar way a web developer would receive the requirements as if it were in a job.

Project requirements

Please find project requirements here.

Project presentation

Screenshot

screenshot

Please take a look at the video below

Video Link

How it works

The BeefLand web application allows users to like, comment, and make a reservation for their favorite meal.

  • By clicking on like button the number of like is increased and stored in the involvement API;
  • By clicking on the Comment button to display the description of the selected meal, the list of all comments, and added a new comment;
  • By clicking on the Reservation button to display the list of all reservations and make a new Reservation;

Live Demo

Live Demo Link

Getting started

To get a local copy up and running follow these simple example steps:

Prerequisites

  • A device that support running browser applications.
  • access to internet connection.

Setup

View pages from the browser

  • If you just want to check the webpage/webapp, you have it available on the live demo link.

Install locally the code of the application

In order to install a local version of this project and please do the following steps:

  • Install the latest version of any code editor.
  • install the latest version of GIT.
  • open your terminal
  • Go to the repository and clone it with `git clone [email protected]/kendoriddy/js-capstone.git' .
  • open the repository cloned with cd js-capstone
  • if your code editor is VsCode type code .
  • Install webpack with: npm install --save-dev webpack webpack-cli
  • To run it type nmp run start or run live server from the docs directory
  • To test it npm run test
  • and enjoy!

Technologies Used

  • CSS
  • HTML
  • JAVASCRIPT
  • Webpack
  • GitHub
  • VsCode
  • nodejs
  • GIT

Project Name

Description the project.

Authors

๐Ÿ‘ค Kehinde Onifade

๐Ÿ‘ค Ghislain Mitahi

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

๐Ÿ“ License

This project is MIT licensed

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.