An open API service indexing awesome lists of open source software.

https://github.com/rwubakwanayo/module2-capstone-project

This web page takes leagues from an API and display them in the page. User can like, comment and read details and other users' comments when he/she click to the comments button.
https://github.com/rwubakwanayo/module2-capstone-project

css html javascript jest webpack

Last synced: 9 months ago
JSON representation

This web page takes leagues from an API and display them in the page. User can like, comment and read details and other users' comments when he/she click to the comments button.

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

# Soccer Leagues (Microverse Group Capstone Project)

> This web page takes leagues from an API and display them in the page. User can like, comment and read details and other users' comments when he/she click to the comments button.

## Built With

- Html
- Css
- Javascript
- VsCode
- Webpack
- Jest
- [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)
- [Football Standings API](https://github.com/azharimm/football-standings-api
)

## Live Demo

[Live Demo Link](https://rwubakwanayo.github.io/Module2-Capstone-Project/dist)

## Video Link

https://www.loom.com/share/8ecbc3e36c8d45be9c26f7780e75c674

## Getting Started

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

### Prerequisites

- You need to have current Node version installed.

### Setup

- Copy the clone address of the repo or download as a zip into your local folder.

`git clone https://github.com/RWUBAKWANAYO/Module2-Capstone-Project.git`

`cd Module2-Capstone-Project`

### Install

- Install npm:
`npm install`

### Usage

- To get project open and running in your browser run `npm start` command which will start webpack-server.

### Run tests

- Run:
`npm test`

## Authors

👤 **Tuğsem Saranlı**

- GitHub: [@githubhandle](https://github.com/tugsem)
- Twitter: [@twitterhandle](https://twitter.com/TugsemSaranli)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/tuğsem-saranlı-5b2a98230/?locale=en_US)

👤 **Rwubakwanayo Olivier**

- GitHub: [@githubhandle](https://github.com/RWUBAKWANAYO)
- Twitter: [@twitterhandle](https://twitter.com/rwubakwanayo?t=fP8ZzLHMQWRnyBXnHGhEwA&s=09)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/rwubakwanayo-olivier/?trk=people-guest_people_search-card&originalSubdomain=rw)

## Show your support

Give a ⭐️ if you like this project!