/leaderboard

Simple web app to add players and scores in a sorted list using an API

Primary LanguageJavaScript

logo

📗 Table of Contents

📖 Leaderboard

"leader board" is a simple website that displays a list of leaders and allows you to add players and scores to that list. By building this application, I learned how to manage data using JavaScript async code.

🛠 Built With

Tech Stack

  • HTML
  • JavaScript
  • CSS
  • Webpack

Key Features

  • Javascript DOM manipulation
  • API queries

(back to top)

🚀 Live Demo

coming soon...

(back to top)

💻 Getting Started

Prerequisites

  • Have git installed. (For version control)
  • Have text editor installed. (VSCode, sublime, atom)
  • Have CSS,HTML & JS Linters installed and configured. For further information, visit this link to get better understanding on each linters used on this project.

Setup

Clone this repository to your desired folder:

git clone git@github.com:Juank628/leaderboard.git

Install

Install this project with:

  • npm install (to install all the packages needed)
  • npm run build (to generate the distribution files)
  • npm run dev (to start the Webpack dev server)

Feel free to change the webpack.config.js file to modify the dev server settings.

Usage

To register a player:

  1. Type the player name and score.
  2. Press enter key.
  3. The player will be added to the list and will be displayed in it's corresponding position.

👥 Author

👤 Juan Carlos Sanchez

(back to top)

🔭 Future Features

  • Database connection

(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, please give us an star

(back to top)