/Leaderboard-APIs

The leaderboard website displays scores submitted by different players. It also allows them to submit their score. All data is preserved thanks to the external Leaderboard API service.

Primary LanguageCSSMIT LicenseMIT

logo

README

📗 Table of Contents

📖 Leaderboard

A website for organizing daily activities

["The-leaderboard"] :- is a website that 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(using Notion).

🛠 Built With HTML,CSS and Javascript

Tech Stack

Client
Server
Database

Key Features

  • [HTML]
  • [CSS]
  • [Javascript] ---> with ES6
  • [Webpack]
  • [API's(Notion)]

(back to top)

🚀 Screenshot

image

💻 Loom Presentation Video

  • not available yet.

🚀 Live Demo

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

-A Computer (MAC or PC) -code editor (VSCode,Atom etc...) -A browser (Chrome,Mozilla,Safari etc...) -Version Control System (Git and Github) -NodeJS (https://nodejs.org/en/) -Webpack {https://webpack.js.org}

Setup

Clone this repository to your desired folder:

cd my-folder git clone git@github.com:Besufekad-HAZ/Leaderboard-APIs.git (SSH)

Install

Install this project with:

npx webpack init npm init -y npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Run tests

To run tests, run the following command:

To check Styelint error:-

npx stylelint "*/.{css,scss}"

To check Eslint error:-

npx eslint .

Deployment

You can deploy this project using: Github Pages.

(back to top)

👥 Authors

👤 Besufekad Alemu

(back to top)

🔭 Future Features

  • [Adding_JavaScript_Popups_and_full_functionality]
  • [Deploying_the_page_on_github]
  • [Adding_backend_and_databases]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project rate it and give it a star.

(back to top)

🙏 Acknowledgments

--> I would like to thank the Microverse team for allowing us to work on this Leaderboard API project.

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)