SkillAgentSearch skills...

Leaderboard

Leaderboard is a project which accepts users' data (name & score) and sends them to an API. After Data is sent the scoreboard is refreshed to update the scoreboard by displaying the newly entered data. Built with JavaScript, HTML, CSS, and Webpack.

Install / Use

/learn @tumainimaganiko/Leaderboard
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<a name="readme-top"></a>

<div align="center"> <br/> <h3><b>Tumaini Maganiko</b></h3> </div> <!-- TABLE OF CONTENTS -->

📗 Table of Contents

<!-- PROJECT DESCRIPTION -->

📖 Leaderboard Project <a name="about-project"></a>

🛠 Built With <a name="built-with"></a>

Languages
  1. HTML
  2. CSS
  3. JAVASCRIPT
  4. Modules
  5. Webpack

Tech Stack <a name="tech-stack"></a>

<details> <summary>Client</summary> <ul> <li><a href="/index.html">HTML</a></li> <li><a href="/styles.css">CSS</a></li> <li><a href="/index.js">JAVASCRIPT</a></li> </ul> </details> <!-- Features -->

Key Features <a name="key-features"></a>

  • User can add a name.
  • User can add a score.
<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- Projects Screenshot -->

🚀 Project Screenshot <a name="live-demo"></a>

Mobile page

home page

home page

<!-- LIVE DEMO -->

🚀 Live Demo <a name="live-demo"></a>

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- GETTING STARTED -->

💻 Getting Started <a name="getting-started"></a>

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

Prerequisites

  1. Web browser
  2. Code editor
  3. Git-smc

Setup

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

  • git clone https://github.com/tumainimaganiko/Leaderboard
  • cd Leaderboard
  • npm install

Usage

To run the project, execute the following command:

npm start

Open http://localhost:8080 to view it in your browser.

  The page will ask you before reloading when you make changes on the browser.

  You may also see any lint errors in the console if you modify the code.

Run tests

Coming soon

Deployment <a name="Deployment"></a>

npm run build

Builds the app for production to the build folder.

It correctly bundles the project in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- AUTHORS -->

👥 Author <a name="authors"></a>

👤 Tumaini Maganiko

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- CONTRIBUTING -->

🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b 'branchname')
  3. Commit your Changes (git commit -m 'Add some branchname')
  4. Push to the Branch (git push origin branchname)
  5. Open a Pull Request

Feel free to check the issues page.

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- SUPPORT -->

⭐️ Show your support <a name="support"></a>

If you like this project rate me star

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- ACKNOWLEDGEMENTS -->

🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank Microverse for accelerating my growth

<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- LICENSE -->

📝 License <a name="license"></a>

This project is MIT licensed.

<p align="right">(<a href="#readme-top">back to top</a>)</p>
View on GitHub
GitHub Stars15
CategoryDevelopment
Updated1mo ago
Forks0

Languages

JavaScript

Security Score

90/100

Audited on Feb 15, 2026

No findings