Giter Site home page Giter Site logo

ali-0111 / js-capstone-group-project Goto Github PK

View Code? Open in Web Editor NEW

This project forked from clintonyounge/js-capstone-group-project

0.0 0.0 0.0 456 KB

A group project for javascript capstone

Home Page: https://clintonyounge.github.io/JS-Capstone-Group-Project/dist/

License: MIT License

JavaScript 48.43% CSS 15.54% HTML 36.03%

js-capstone-group-project's Introduction

logo

Restaraunt Meal (JS Capstone Group Project)

๐Ÿ“— Table of Contents

๐Ÿ“– Restaraunt Meal (JS Capstone Group Project)

Restaraunt Meal (JS Capstone Group Project) is a JavaScript capstone project about building a web application based on an external API. We selected the Meals API that provides data about meals we like and then built the webapp around it. The webapp has 3 user interfaces:

  • A home page showing a list of items that you can "like."
  • A popup window with more data about an item that you can use to comment on it or reserve it for a period of time.

๐Ÿ›  Built With

Tech Stack

Front-End
Back-End APIS

Key Features

  • This website is created completely using front and backend technologies
  • This website uses 2 different APIs to post and fetch data
  • Display meals grabbed from the Meals API
  • Display likes each meal receives
  • Counter displayed on main page showing the amount of meals viewable
  • Comments popup that allows you to post to and view comments from the Involvement API
  • Reservations popup that allows you to reserve and view reservations from the Involvement API
  • Linters: Lighthouse, Webhint, Stylelint, and Eslint
  • Asyncronous ES6 Javascript
  • Webpack
  • Jest Testing

(back to top)

๐Ÿš€ Live Demo

(back to top)

๐Ÿ’ป Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need to:

  • Have npm installed in your project: curl -qL https://www.npmjs.com/install.sh | sh

Setup

Clone this repository to your desired folder:

git clone git remote add origin https://github.com/ClintonYounge/JS-Capstone-Group-Project

or

git clone git remote add origin https://github.com/ClintonYounge/JS-Capstone-Group-Project <-- Only if you have SSH keys configured on your GitHub account.

or

Utilizing Github Desktop. A simple interface, thats powerful enough to simplify this process. https://desktop.github.com/

Install

Run the npm install command in your console to install all necessary dependencies.

Run tests

To run tests, run the following command:

Run the npx jest command in your console to run the tests.

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Clinton Younge

๐Ÿ‘ค Sameed Mohsin

๐Ÿ‘ค Qurban Ali

(back to top)

๐Ÿ”ญ Future Features

-[Responsive layout for most devices]

  • [Improved User Interface]

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project feel free to leave a star to show your support.

(back to top)

๐Ÿ™ Acknowledgments

We would like to give thanks to Microverse for equipping us will all the necessary information needed to complete this project. As well as for providing an environment that makes us strive to grow as developers.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

js-capstone-group-project's People

Contributors

clintonyounge avatar ali-0111 avatar sameedmohsin28 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.