https://github.com/sulimanjoya/leaderboard-app
The Leaderboard app displays scores submitted by various players and allows users to submit their own scores. The data is securely preserved using an external Leaderboard API service.
https://github.com/sulimanjoya/leaderboard-app
css3 html5 javascript rest-api webpack
Last synced: about 2 months ago
JSON representation
The Leaderboard app displays scores submitted by various players and allows users to submit their own scores. The data is securely preserved using an external Leaderboard API service.
- Host: GitHub
- URL: https://github.com/sulimanjoya/leaderboard-app
- Owner: SulimanJoya
- License: mit
- Created: 2023-04-11T11:25:07.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-04-13T16:51:32.000Z (about 3 years ago)
- Last Synced: 2025-09-23T17:43:45.999Z (9 months ago)
- Topics: css3, html5, javascript, rest-api, webpack
- Language: JavaScript
- Homepage:
- Size: 145 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [📝 License](#license)
**Leaderboard** In this activity I set up a JavaScript project for a Leaderboard list app, using webpack and ES6 features, notably modules. I also consume the Leaderboard API using JavaScript async and await, i will add some styling.
- HTML
- CSS
- Javascript
- webpack
- **[Hit_the_Api]**
- [Live Demo Link](https://sulimanjoya.github.io/Leaderboard-App/dist/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- Web Browser
- Code Editor: [visual Studio code](https://code.visualstudio.com/)
- node.js(preferable).
- GitHub/Git.
### Setup
Clone this repository to your desired folder:
```
git@github.com:SulimanJoya/Leaderboard-App.git
```
Open a index.html file with your code editor of your choice and/or a browser of your choice.
```
Open the project using a live server extension that can be found into your code editor.
```
### Install
Install npm packages with:
```
cd Leaderboard-App
```
```
npm install
```
```
npm run build
```
### Usage
To run the project, execute the following command:
```
npm start
```
> Mention all of the collaborators of this project.
👤 **Mohammad Suliman Joya**
- GitHub: [@SulimanJoya](https://github.com/SulimanJoya)
- LinkedIn: [Mohammad Suliman Joya](https://www.linkedin.com/in/sjoya66/)
> Below is a lists of Features to be added later:
- Deploy the app online
- Change the design of the app
- Add dark mode to the app
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a ⭐️ if you like this project!
I would like to thank my coding partner Mladan Ilic [@Mladan Ilic](https://github.com/djo1975)
This project is [MIT](./LICENSE) licensed.