Skip to content

Monisasmal/Leader-Board

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏆 Leader Board

A clean and interactive leaderboard web app built with HTML, CSS, and JavaScript. This application allows you to add players, update their scores, and manage the leaderboard in real time with an intuitive interface.

🚀 Live Demo

👉 View Live Leader Board

📸 Screenshots

image

📄 About The Project

This project serves as a simple yet functional leaderboard system where you can:

  • 📝 Add new players with their First Name, Last Name, and Country
  • ➕ Increase or ➖ decrease player scores
  • ❌ Remove individual players
  • 🧹 Clear all data with a single click

It's fully responsive and works across desktop, tablet, and mobile devices.

✨ Features

  • 📋 Add, update, and delete players easily
  • 📊 Score increment and decrement buttons
  • 🧹 Clear all players at once
  • 📱 Fully responsive for all devices
  • ⚡ Instant DOM updates without page reload

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

📦 Installation Instructions

To run this project locally:

Clone the repository

git clone https://github.com/yourusername/Leader-Board.git

Navigate into the project folder

cd Leader-Board

Open the index.html file in your browser

🙋‍♀️ Author

Manaswini Sasmal

👩‍💻 Frontend Developer | React Enthusiast

🔗 Portfolio - https://manaswini-portfolio.vercel.app/

📧 manaswinisasmal5597@gmail.com

🔗 LinkedIn - https://www.linkedin.com/in/manaswini-sasmal-b77a21162/

About

leader boaed using HTML,CSS and JS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors