https://github.com/sboursen/leaderboard

The leaderboard web app displays the top scoring player on the fictional game of life. It also allows any player to submit their score. All data is preserved thanks to the external Leaderboard API service.
https://github.com/sboursen/leaderboard

api html5 leaderboard tailwindcss webpack

Last synced: 6 months ago
JSON representation

The leaderboard web app displays the top scoring player on the fictional game of life. It also allows any player to submit their score. All data is preserved thanks to the external Leaderboard API service.

• Host: GitHub
• URL: https://github.com/sboursen/leaderboard
• Owner: Sboursen
• Created: 2022-02-28T17:56:38.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2022-04-01T11:20:48.000Z (over 3 years ago)
• Last Synced: 2023-03-05T00:47:05.705Z (over 2 years ago)
• Topics: api, html5, leaderboard, tailwindcss, webpack
• Language: JavaScript
• Homepage: https://sboursen.github.io/Leaderboard/
• Size: 1.37 MB
• Stars: 13
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

# LeaderBoard

> **Leaderboard** is website that displays the scores submitted by all players. It also allows the current user to submit his/her score. All data is preserved thanks to the external Leaderboard API service.

## Built With

- ![](https://img.shields.io/badge/HTML-5-orange)

- ![](https://img.shields.io/badge/Tailwind-CSS-blue)

- ![](https://img.shields.io/badge/JavaScript-ES6-yellow)

- ![](https://img.shields.io/badge/Webpack-5-green)

## Milestones

- [x] Milestone 1: **Project Structure**

- [x] Milestone 2: **Send and receive data from API.**

- [x] Milestone 3: **Final touches.**

## sneak peek

![](./src/images/app-screenshot.png)

## Getting Started

**Prerequisites:** A Web Browser (preferably FireFox or Chrome)

### **Option 1**

#### Use the live Website

[Leaderboard Website](https://sboursen.github.io/Leaderboard/)

### **Option 2**

#### Set up your own copy locally

- Clone [the GitHub Repository](https://github.com/Sboursen/Leaderboard)

- Go to the Project `cd Leaderboard`

- Run `npm install` to install the _dependencies_ Run `npm run start` to run the live server.

## About me

👤 **Soufiane Boursen**

- GitHub: [@Sboursen](https://github.com/Sboursen)

- Twitter: [@sboursen_dev](https://twitter.com/sboursen_dev)

- LinkedIn: [@sboursen](https://linkedin.com/in/sboursen)

## Contributors

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Leaderboard Icon by Story Bell on Iconscout

## 📝 License

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