https://github.com/ha-manel/leaderboard
A leaderboard created using Leaderboard API service, Webpack, and Gitflow. The user can add a new score and refresh to see his ranking in the leaderboard.
https://github.com/ha-manel/leaderboard
api html5 javascript leaderboard microverse webpack
Last synced: 5 months ago
JSON representation
A leaderboard created using Leaderboard API service, Webpack, and Gitflow. The user can add a new score and refresh to see his ranking in the leaderboard.
- Host: GitHub
- URL: https://github.com/ha-manel/leaderboard
- Owner: ha-manel
- Created: 2022-05-10T10:27:49.000Z (over 3 years ago)
- Default Branch: dev
- Last Pushed: 2022-06-07T17:47:24.000Z (over 3 years ago)
- Last Synced: 2025-06-10T15:44:48.624Z (5 months ago)
- Topics: api, html5, javascript, leaderboard, microverse, webpack
- Language: CSS
- Homepage: https://ha-manel.github.io/Leaderboard/
- Size: 300 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Leaderboard
> A leaderboard created using Leaderboard API service, webpack, and gitflow. The user can add a new score and refresh to see his ranking in the leaderboard.
## Requirements
Build a Leaderboard list app using:
- HTML5
- CSS3
- JavaScript (ES6)
- [Leaderboard API service](https://www.notion.so/microverse/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3)
- Webpack
- Linters (Lighthouse, Webhint, Stylelint, Eslint)
- Gitflow
## Built With
- HTML5
- CSS3
- JavaScript (ES6)
- [Leaderboard API service](https://www.notion.so/microverse/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3)
- Webpack
- Linters (Lighthouse, Webhint, Stylelint, Eslint)
- Gitflow
## Live Demo
Check **Live Demo** [here.](https://ha-manel.github.io/Leaderboard/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- A web browser (like Google Chrome, Opera...).
- A code editor (like Atom, VScode...).
### Setup
To setup the project locally: clone the repository using:
```
git clone git@github.com:ha-manel/Microverse-Leaderboard.git
```
### Install dependencies
run : `npm install`
### Build the app
run: `npm run build`
### Run the app
run: `npm start`
## Authors
👤 **Manel Hammouche**
- GitHub: [@ha-manel](https://github.com/ha-manel)
- Twitter: [@hamanel](https://twitter.com/ha_manel_)
- LinkedIn: [Manel Hammouche](https://www.linkedin.com/in/manel-hammouche/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to code reviewers and to everyone who reviewed the project and made suggestions.
## 📝 License
This project is [MIT](./MIT.md) licensed.