https://github.com/sjdev2212/leader-board-project

https://github.com/sjdev2212/leader-board-project

Last synced: 19 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/sjdev2212/leader-board-project
• Owner: sjdev2212
• Created: 2021-11-16T17:07:05.000Z (about 3 years ago)
• Default Branch: Development
• Last Pushed: 2021-11-19T00:28:38.000Z (about 3 years ago)
• Last Synced: 2024-12-06T07:43:02.164Z (22 days ago)
• Language: CSS
• Size: 424 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Leader-board-project

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

Leader-board 

This project was created consuming the Api https://us-central1-js-capstone-backend.cloudfunctions.net/api/ provided by microvese.

I created a simple leader board page using this id ('TyBBHuPCY3ocPCrEApVV').

The user simply introduces the name of the player and the score. Clicking the submit button the page sends the information to the Api and it can be viewed by  clicking the refresh button.

![screenshot](/img/31.png)

A Leader board single page application

## Built With

- HTML

- CSS

- Javascript

- WebPack

## Live Demo

https://sj1978.github.io/Leader-board-project/

## Getting Started

Clone the repo and enter the directory.

```shell

git clone https://github.com/sj1978/Leader-board-project.git 

```

After this you can run the app by opening `index.html` under the `src` directory.

If you want to experiment with the app follow these simple example steps.

### Prerequisites

You need to have `npm` installed on your local machine.

### Install

Install the npm packages.

```shell

npm install

```

### Usage

Run `npm run start` to start the local server and try the app.

```shell

npm run start

```

## Author

👤 **Anibal Amoroso**

- GitHub: (https://github.com/sj1978)

- Twitter: (https://twitter.com/AmorosoAnibal)

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

Microverse

## 📝 License

This project is [MIT](./MIT.md) licensed.