https://github.com/ridwanullahi-code/leaderboard
Demonstrated the use of Callbacks, Promises, ES6, Webpack and Modular JS and using leaderboard API to preserve the user data
https://github.com/ridwanullahi-code/leaderboard
api css es6 gitflow github-flow html html5 javascript leaderboard webpack
Last synced: 7 months ago
JSON representation
Demonstrated the use of Callbacks, Promises, ES6, Webpack and Modular JS and using leaderboard API to preserve the user data
- Host: GitHub
- URL: https://github.com/ridwanullahi-code/leaderboard
- Owner: Ridwanullahi-code
- License: mit
- Created: 2022-10-18T11:41:22.000Z (almost 3 years ago)
- Default Branch: development
- Last Pushed: 2022-10-22T09:13:31.000Z (almost 3 years ago)
- Last Synced: 2025-01-30T06:29:30.727Z (9 months ago)
- Topics: api, css, es6, gitflow, github-flow, html, html5, javascript, leaderboard, webpack
- Language: JavaScript
- Homepage:
- Size: 303 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## **Project Demo**
[Live Demo](https://ridwanullahi-code.github.io/Leaderboard/)
## **Description**
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://www.notion.so/microverse/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3)
## **Project Goals:**
- Use JavaScript Best pratice
- Understand the using of [HTML & CSS best practices](https://github.com/microverseinc/curriculum-html-css/blob/main/articles/html_css_best_practices.md)
- Use GitHub flow
- Use [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/gitflow.md).
- Setup project with [Webpack](https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/webpack_v1_1.md)
- Understand how to use medium-fidelity wireframes to create a UI
- Posting and retrieving the data from [Leaderboard API service](https://www.notion.so/microverse/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3)
## **Prerequisites:**
- Basic Knowledge of HTML & CSS
- Basic Knowledge of [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) & [ES6](https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/lesson_es6-what_is_it_about.md) syntax
- Basic Knowledge of [Webpack](https://webpack.js.org/guides/getting-started/) setup
## **Build With:**
- HTML
- CSS
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [Webpack]((https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/webpack_v1_1.md))
## **SETUP**
To make use of this project, kindly run any of the following commands.
```
git clone https://github.com/Ridwanullahi-code/Leaderboard.git
```
or
```
git clone git@github.com:Ridwanullahi-code/Leaderboard.git
```
## **INSTALL**
```
npm install
```
## **Run On Server**
To run the project on server, run below command
```
npm start
```
## **Show your support**
Give a ⭐️ if you like this project!
## **Authors**
- Github: [Ridwan](https://github.com/Ridwanullahi-code)
- LinkedIn: [Ridwan](https://www.linkedin.com/in/ajayi-ridwan-2a1515199/)
## 🚀 **About Me**
I'm full stack software developer, Computer science, and Microverse student.
**Stack:** Python, JavaScript, Bootstrap, Ruby, Rails, React, Redux. Available for hire!
## 🤝 **Contributing**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Ridwanullahi-code/Leaderboard/issues/)
## **Acknowledgements**
- [Microverse](https://www.microverse.org/)
## **License**
This project is [MIT](https://choosealicense.com/licenses/mit/LICENSE) licensed.