https://github.com/alibaba2023/leaderboard
A simple project that lists names and scores with the help of API.
https://github.com/alibaba2023/leaderboard
api css3 html5 javascript linters webpack
Last synced: 9 months ago
JSON representation
A simple project that lists names and scores with the help of API.
- Host: GitHub
- URL: https://github.com/alibaba2023/leaderboard
- Owner: Alibaba2023
- License: other
- Created: 2023-06-20T19:10:43.000Z (about 3 years ago)
- Default Branch: develop
- Last Pushed: 2023-06-24T04:45:33.000Z (about 3 years ago)
- Last Synced: 2025-03-30T19:51:12.433Z (about 1 year ago)
- Topics: api, css3, html5, javascript, linters, webpack
- Language: JavaScript
- Homepage: https://alibaba2023.github.io/Leaderboard/dist/
- Size: 191 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Leaderboard
# 📗 Table of Contents
- [ 📗 Table of Contents ](#-table-of-contents)
- [ 📖 Leaderboard ](#-Leaderboard-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
**Leaderboard** is a JavaScript project that allows users to add and remove scores.
1. ✅ **HTML**
2. ✅ **CSS**
3. ✅ **JavaScript**
4. ✅ **Webpack**
5. ✅ **LightHouse**
6. ✅ **WebHint**
7. ✅ **Styelint**
8. ✅ **ESLint**
9. ✅ **Git**
10. ✅ **Git flow**
11. ✅ **Github**
- **Main page**
- **Responsive**
- **Good look and feel**
- ✅ For seeing the live dome [click here](https://alibaba2023.github.io/Leaderboard/dist/)
**To get a local copy up and running, follow these steps.**
1. Download or clone this [repostory](https://github.com/Alibaba2023/Leaderboard).
2. Provide a browser.
3. Open the `index.html` file using the webpage browser.
### Prerequisites
**In order to run this project you need:**
- ✔ [Git](https://git-scm.com/downloads) installed in your machine.
- ✔ Sign in or sign up to your [Github](https://github.com/) account.
- ✔ A professional editor such as [VS Code](https://code.visualstudio.com/download).
- ✔ An Updated web browser such as Google Chrome, you can download it from [here](https://www.google.com/chrome/).
- ✔ [Node.js](https://nodejs.org/en/download) installed in your machine.
- ✔ Lighthouse.
- ✔ Webhint
### Setup
- Clone this [repository](https://github.com/Alibaba2023/Leaderboard) to your desired folder:
- Example commands:
```sh
cd < YOUR-FOLDER >
git clone https://github.com/Alibaba2023/Leaderboard
```
### Install
- To install this project run the commands below
```sh
npm install
npm run build
npm start
```
### Usage
- To run the project, execute the following command:
```sh
cd < YOUR FOLDER >
git clone https://github.com/Alibaba2023/Leaderboard
```
### Run tests
1. WebHint ☑
```
npx hint .
```
2. Stylelint ☑
```
npx stylelint "**/*.{css,scss}"
```
3. ESLint ☑
```
npx eslint .
```
### Deployment
**This project is deployed by the author, no permission for deployment by any other client.**
👤 **Ali Baba Hussaini (Main Author)**
- GitHub: [@Alibaba2023](https://github.com/Alibaba2023)
- Twitter: [@AliBabaHu2023](https://twitter.com/AliBabaHu2023)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/ali-baba-hussaini-630607267/)
- [ ] **Client interaction**
- [ ] **Deploy to a universal server**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Alibaba2023/Leaderboard/issues).
If you like this project, kindly drop a start for the [repository](https://github.com/Alibaba2023/Leaderboard);
I would like to thank [Microverse](https://www.microverse.org/?grsf=mohammad-a-nbtazu) for providing the opportunity for this project to be done And my family for thier support.
This project is [LICENSES](LICENSE.md) licensed.