Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nelofarzabi/leaderboard
This is a JavaScript-based leaderboard web app that displays scores and rankings for a game or activity. It is designed to be simple and easy to use, featuring a clean and intuitive user interface.
https://github.com/nelofarzabi/leaderboard
api css3 gitflow javascript linters webpack
Last synced: 25 days ago
JSON representation
This is a JavaScript-based leaderboard web app that displays scores and rankings for a game or activity. It is designed to be simple and easy to use, featuring a clean and intuitive user interface.
- Host: GitHub
- URL: https://github.com/nelofarzabi/leaderboard
- Owner: Nelofarzabi
- License: mit
- Created: 2023-07-28T02:09:34.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-09-06T06:51:33.000Z (over 1 year ago)
- Last Synced: 2024-11-08T07:54:44.667Z (3 months ago)
- Topics: api, css3, gitflow, javascript, linters, webpack
- Language: JavaScript
- Homepage: https://nelofarzabi.github.io/Leaderboard/dist/
- Size: 320 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
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)
- [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](#Deployment)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)"In this Leaderboad project add name and score using API.Furthermore, use webpack to render all script,css,html,images,icons and font into single file. By building this application, you will learn how to manage data using JavaScript. we also use a medium-fidelity wireframe to build the UI.
HTML, CSS & JAVASCRIPT
GitHub & Visual Studio Code
- Use wire frame model to build a leaderboard setup
- Use import, export, modules to simplify the code
- Use arrow functions and classes as well for reusability
- use webpack for smooth working[Live Demo](https://nelofarzabi.github.io/Leaderboard/dist/)
### Prerequisites
In order to run this project you need:
### Setup
Install Node Js on your local computer.
### Install
To Install this project : you need to clone the following link.
git clone https://github.com/Nelofarzabi/Leaderboard.git### Usage
To run the project, write on terminal : npm start
Note: you need to first setup your webpack setup### Run tests
To run tests, run a live server on your computer..
You can deploy this project in this link by click
👤 **Nelofar Zabi**
- GitHub: [@githubhandle](https://github.com/Nelofarzabi)
- Twitter: [@twitterhandle](https://twitter.com/NelofarZabi)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/nelofar-zabi-1a1066213)- [ ] **Web API**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
> Hello, feel free to support this project
This project is [MIT](./LICENSE) licensed.