Leaderboard: final touches

description:

• A Leaderboard app that allows players to add their score, and see other players scores.

in this project:

• Add a function that displays the scores when reloading.
• Changed the header position to outside the container.
• Add overflow for the scores list.
• Changed some layouts (colors, font family, and added box shadows).

Built With

• Html
• Css
• JavaScript
• Webpack
• Leaderboard API.

Live Demo (if available)

Please click for the live demo.

Getting Started

steps to run the project

1 - Install npm.

npm install

2 - run the project

npm run dev

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

Prerequisites

• HTML & CSS & JS
• npm

Setup

• linters for HTML, CSS and JS
• Webpack

Run tests

• Open your terminal, move to the directory where you want to clone the app (i.e cd Documents)
• Enter git clone git@github.com:ibr5500.github.io/Leader-Board/
• Change to the directory you just clone into (i.e cd Leader-Board)
• Open index.html from the list of files in your left handside
• Right click on your opened index.html file and launch the live server to preview
• Include any possible changes and run "git add ."
• Commit the changes with a descriptive message (i.e xyz features added)
• Push the changes to changes to the repository (i.e git push)

Deployment

• This app is deployed using Github pages (https://pages.github.com/)

Author

👤 Ibrahim Ahmat

• GitHub: @ibr5500
• Twitter: @ibr_ahmat
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Please give a ⭐️ if you like this project!