osamaashraf6 / leaderboard

I developed a leaderboard using HTML, CSS, JavaScript, and APIs. This project aims to create a simple and intuitive interface that allows users to track their scores and compare their rankings with others.

📗 Table of Contents

• 📗 Table of Contents
• 📖 [Leaderboard]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
  • 👥 Authors :
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 [Leaderboard]

• I developed a leaderboard using HTML, CSS, JavaScript, and APIs. This project aims to create a simple and intuitive interface that allows users to track their scores and compare their rankings with others.👌

Screenshoot for the demo

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• JavaScript

Version Control

• Git
• GitHub

Key Features

• Use Flexbox to place elements in the page. 🪄
• (RWD) responsive web design using media query👌
• Apply JavaScript best practices and language style guides in code💯
• Use JavaScript to manipulate DOM elements.⤵️
• Use JavaScript events.🚀
• Use objects to store and access data.🍀
• Communicate technical concepts to other technical people.😊

(back to top)

🚀 Live Demo

Click here 😊🚀

(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:

Setup

Clone this repository to your desired folder:

  cd my-folder
  git https://github.com/osamaashraf6/Leaderboard

Install

Install this project with:

  cd Leaderboard
  npm install

Usage

To run the project, execute the following command:

Open With Live Server🍀

Run tests

To run tests, run the following command:

 npx hint .
 npx eslint .

(back to top)

👥 Authors :

👤 Osama Ashraf

• GitHub: Osama Ashraf
• Twitter: Osama Ashraf
• LinkedIn: Osama Ashraf

(back to top)

🔭 Future Features

• Add some animation for the project⤵️
• Add authentiaction system for the App🚀

(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 you can give me a star 😊 just to prove my app that it is useful for everyone and the users can benefit from it 💯.

(back to top)

🙏 Acknowledgments

I would like to thank all the contributors and code reviewers.

(back to top)

📝 License

This project is MIT licensed.

leaderboard's Issues

Peer-to-peer code review

Hi @osamaashraf6,

✔️ The functionality looks great 👍
✔️ All linters are passing 👍
✔️ You followed best practices of JavaScript 👍

Your project is complete! Congratulations! 🎉

Optional suggestions:

• We suggest you to make the design more colorful and unique so the user gets joy when viewing your page.

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the thread if something is not 100% clear. And please, remember to tag me in your question so I can receive the notification.

Leaderboard

Welcome everybody 😊 to my project (Leaderboard )

• Thanks 🙏 for everyone's review of my project if there are any hints from anyone on my branch I will work on it to enhance it. 👎