Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/anas599/leaderboard

Leaderboard website built with webpack. Players can view and submit scores, which are ranked and stored through an external API service. Data is preserved for accuracy.
https://github.com/anas599/leaderboard

async css html javascript promise webpack

Last synced: 19 days ago
JSON representation

Leaderboard website built with webpack. Players can view and submit scores, which are ranked and stored through an external API service. Data is preserved for accuracy.

Awesome Lists containing this project

README

        

# Leaderboard

logo


Leaderboard

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- 🎥
Video presenting the features the Project

- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- 🚀Live Demo
- [💻 Getting Started](#getting-started)
- [Setup1](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](Anas Sufyan)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [📝 License](#license)

# 📖 [Leaderboard]

Video presenting the features the Project

# 📖 [Leaderboard]

**[Leaderboard]** is a mobile and Desktop responsive website to demonstrate my knowledge in HTML/CSS and Javascript,
the website was built using WebPack

## 🛠 Built With

### Tech Stack

> Describe the tech stack and include only the relevant sections that apply to your project.

Client

### Key Features

> Describe between 1-3 key features of the application.

- **[displaying element dynamically using WebPack]**
- **[Ability to Add or edit name and score]**
- **[Taking scores from API]**

(back to top)

## 🚀 Live Demo

> Add a link to your deployed project.

- [Live Demo Link](https://github.com/anas599/Leaderboard)

(back to top)

## 💻 Getting Started

> Describe how a new developer could make use of your project.

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

### Setup

Clone this repository to your desired folder:

### Install

Install this project with:

Node js
Webpack
### Usage

To run the project, execute the following command:

Clone the Repository to your local machine and open it using Live Server Extension in VS code
Make sure to install Webpack
npm run build
npm start

### Run tests

To run tests, run the following command:

npx eslint .
to check for any eslint errors

### Deployment

You can deploy this project using:

Github Pages or any hosting platforms

(back to top)

## 👥 Authors

> Mention all of the collaborators of this project.

👤 **Anas Sufyan**

- GitHub: [@anas599](https://github.com/anas599)
- Twitter: [@anas599](https://twitter.com/anas599)
- LinkedIn: [anas1993](https://linkedin.com/in/anas1993)

(back to top)

## 🔭 Future Features

> Describe 1 - 3 features you will add to the project.

- [ ] **[The Ability to add photo]**
- [ ] **[The user can share a link of current list]**
- [ ] **[Sound effects]**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

(back to top)

## ⭐️ Show your support

> please consider supporting it. Every little bit helps and goes a long way towards helping us reach our goals...

(back to top)

## 🙏 Acknowledgments

(back to top)

## ❓ FAQ

>

(back to top)

## 📝 License

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

(back to top)