EddyShimwa / Leaderboard

This is a simple JavaScript app which simply displays the score and the name of the players, a player can add their names and scores

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

myLogo

LeaderBoard App

πŸ“— Table of Contents

πŸ’» Metrics-webapp

LeaderBoard app This innovative app boasts a dynamic interface that showcases a comprehensive list of players and their respective high scores in an aesthetically pleasing manner.

πŸ›  Built With

Tech Stack

I used HTML, javaScript, Css, Webpack, to build this project

  • Html
  • CSSs
  • JavaScript
  • WebPack

Key Features

Some key feature of this project Features

image

image

  • A user(Player) can add their scores
  • A user(Player) see the scores of other players

(back to top)

πŸš€ Live Demo

(back to top)

πŸ’» Getting Started

Please follow the instructions to clone the repo To get a local copy, follow these simple example steps. Clone this repository or download the Zip folder:

Prerequisites

In order to check the linters errors and also see the project in your local machine make sure you have installed the nodejs

Setup

Clone this repository to your desired folder: cd [folder] to navigate and run the below comand to clone the project

https://github.com/EddyShimwa/Leaderboard.git

Install

Install this project with:

  • download npm the packages
npm install

To download the dev dependency you have to type this command:

npm i --save-dev

Usage

To see the project in your local browser first of all, go to project file and navigate the directory on your terminal and type below command:

npm start

After start the dev server a new tab will be open your browser.

To build this project you have to run the below command:

npm run build

(back to top)

πŸ‘₯ Author

πŸ‘€ SHIMWA Pray Eddy

(back to top)

(back to top)

πŸ”­ Future Features

  • I will more sytles to increase the apperance
  • I will add the image functionality so that the user can see the other player photos

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

πŸ™ Acknowledgments

Specials thanks Microverse for providing this previlege opportunity lo learn

(back to top)

πŸ“ License

This project is [MIT](./LICENSE licensed.

(back to top)

About

This is a simple JavaScript app which simply displays the score and the name of the players, a player can add their names and scores

License:MIT License


Languages

Language:JavaScript 47.9%Language:CSS 30.2%Language:HTML 21.9%