https://github.com/elijahdre/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. Built with Webpack, API and JavaScript.
https://github.com/elijahdre/leaderboard
css3 git gitflow gitflow-workflow html-css-javascript html5 javascript leaderboard leaderboard-api microverse microverse-projects microverse-students webpack
Last synced: 8 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. Built with Webpack, API and JavaScript.
- Host: GitHub
- URL: https://github.com/elijahdre/leaderboard
- Owner: Elijahdre
- Created: 2022-08-23T07:58:46.000Z (about 3 years ago)
- Default Branch: development
- Last Pushed: 2022-11-09T11:09:17.000Z (about 3 years ago)
- Last Synced: 2024-05-28T22:10:43.494Z (over 1 year ago)
- Topics: css3, git, gitflow, gitflow-workflow, html-css-javascript, html5, javascript, leaderboard, leaderboard-api, microverse, microverse-projects, microverse-students, webpack
- Language: CSS
- Homepage: https://elijahdre.github.io/Leaderboard/dist/
- Size: 819 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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. Build with Html, CSS, JS, API, and Webpack.
## Built With
- [x] Languages: HTML, Sass and JavaScript
- [x] Linters: Lighthouse, Webhint, Stylelint and ESLint
- [x] Module Bundler: Webpack
- [x] Module Bundler Loaders: Style, CSS and Sass
- [x] Code Editor: VS Code
## Website Mockup 📱 💻 🖥️
## Live Demo
Check the live demo[Leaderboard app link](https://elijahdre.github.io/Leaderboard/dist/)👈
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
- [x] A web browser like Google Chrome.
- [x] A code editor like Visual Studio Code with Git and Node.js.
You can check if Git is installed by running the following command in the terminal.
```
$ git --version
```
Likewise for Node.js and npm for package installation.
```
$ node --version && npm --version
```
### Setup
Clone the repository using the GitHub link provided below.
### Install
In the terminal, go to your file directory and run this command.
```
$ git clone git@github.com:elijahdre/leaderboard.git
```
### Usage
Kindly modify the files as needed.
### Run tests
To check for linters, use the files provided by [Microverse](https://github.com/microverseinc/linters-config). A GitHub action is also set to run during pull request.
```
$ npm install
```
### Deployment
This app is deployed in the GitHub Pages for easy viewing upon merged on the main branch.
Please find the link in the Live Demo section.
## Author
👤 **Elijah Odjegba**
- GitHub: [](https://github.com/elijahdre)
- Twitter: [](https://twitter.com/elijahdre)
- LinkedIn: [](https://www.linkedin.com/in/elijah-odjegba/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Elijahdre/Leaderboard/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse](https://www.microverse.org/)
- Code Reviewers
## 📝 License
This project is [MIT](./MIT.md) licensed.