Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ab-noori/leaderboard
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
https://github.com/ab-noori/leaderboard
html5 medium-fidelity-wireframe modules rest-api scss vanilla-javascript webpack5
Last synced: 2 months ago
JSON representation
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
- Host: GitHub
- URL: https://github.com/ab-noori/leaderboard
- Owner: ab-noori
- License: mit
- Created: 2023-03-22T09:30:20.000Z (almost 2 years ago)
- Default Branch: dev
- Last Pushed: 2024-01-06T21:13:27.000Z (12 months ago)
- Last Synced: 2024-10-11T06:51:43.986Z (3 months ago)
- Topics: html5, medium-fidelity-wireframe, modules, rest-api, scss, vanilla-javascript, webpack5
- Language: JavaScript
- Homepage: https://ab-noori.github.io/Leaderboard/dist
- Size: 1.01 MB
- Stars: 19
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> # Leaderboard
### Desktop view shoots for this project:
| Desktop Veiw Representation|
|---------------------------------------|
|
|
||
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
> **[Leaderboard]** is website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
- Server
- **[Responsive layout]**
- **[UX/UI accessibility]**
- **[Dynamic data]**
> - [Live Demo Link](https://ab-noori.github.io/Leaderboard/dist/)
To get a local copy up and running, follow these steps:
### Prerequisites
In order to run this project you need:
- A browser of you choice.
- A text editor of your choice.
- An installed node.js on your local system
### Setup
Clone this repository to your desired folder:
- Use the following Commands:
cd your-desired-folder
git clone [email protected]:ab-noori/Leaderboard.git
### Install
Install this project with:
- You can deploy this projec on hosting provider of your choise or you can deploy it on github pages.
### Usage
- Use following commands to run on your local system:
npm run build
npm run dev
### Run tests
- Run the following script and style test:
npx eslint .
npx stylelint "**/*.{css,scss}"
### Deployment
You can deploy this project using:
- Free deployment services like GitHub pages.
- Any deployment services of your choice.
👤 **Abdul Ali Noori**
- GitHub: [@ab-noori](https://github.com/ab-noori)
- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)
- LinkedIn: [abdul-ali-noori](https://www.linkedin.com/in/abdul-ali-noori-384b85195/)
- [ ] **[Add About page]**
- [ ] **[Add Contact page]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ab-noori/Awesome-Books/issues).
If you like this project, give it a star.
I would like to thank Microverse and my coding partners, and also give credit to Traversy Media
YouTub Channel, I really learned a lot from this channel.
- **How to make it mobile friendly?**
- Put a viewport tag in the header
- **How to design the site?**
- Draw a mockup before start to code
This project is [MIT](./LICENSE) licensed.