https://github.com/mattgomb/leaderboard

A simple one-page leaderboard, where people can enter their name and score, and be displayed if they reached the top10. The name and score inputs have length restrictions so that the inputs can't break the display.
https://github.com/mattgomb/leaderboard

css3 html5 javascript webpack4

Last synced: 4 days ago
JSON representation

A simple one-page leaderboard, where people can enter their name and score, and be displayed if they reached the top10. The name and score inputs have length restrictions so that the inputs can't break the display.

• Host: GitHub
• URL: https://github.com/mattgomb/leaderboard
• Owner: MattGomb
• License: mit
• Created: 2022-10-18T16:09:38.000Z (about 2 years ago)
• Default Branch: development
• Last Pushed: 2022-11-21T15:44:08.000Z (about 2 years ago)
• Last Synced: 2024-11-06T06:43:14.526Z (about 2 months ago)
• Topics: css3, html5, javascript, webpack4
• Language: CSS
• Homepage:
• Size: 8.61 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Leaderboard 

> This is a rudimentary leaderboard, created for the weekly project. It utilizes webpack, babel compiler, and ES6 syntax with modules.

## Built With

- JavaScript, HTML, CSS

- webpack

- Github, VSC

## Live Demo

[Live Demo Link](https://mattgomb.github.io/Leaderboard/dist/)

## Getting Started

1 - Above the list of files, click on the "Code" button

2 - Copy the URL for the repository.

3 - To clone the repository using HTTPS, under "HTTPS", click . To clone the repository using an SSH key, including a certificate issued by your organization's SSH certificate authority, click SSH, then click . To clone a repository using GitHub CLI, click GitHub CLI, then click . The clipboard icon for copying the URL to clone a repository with GitHub CLI

4 - Open Git Bash.

5 - Change the current working directory to the location where you want the cloned directory.

6 - Type git clone, and then paste the URL you copied earlier.

7 - Press Enter to create your local clone.

### Prerequisites

Installation of Node.js, Node Package Manager, webpack module bundler, and Babel

Functioning computer Internet connection Basic understanding of Git and GitHub

### Setup

The setup of webpack (https://webpack.js.org/guides/getting-started/)

Please read the documentation to get familiar with webpack!

### Install

A code editor (e.g. VSC) /text editor (e.g. notepad++)

Node.js

### Usage

Feel free to use this repo to play around with basic HTML, CSS, and JavaScript elements and solutions

### Run tests

No testing required

### Deployment

## Author

👤 **Mátyás Gombos**

- GitHub: [@MattGomb](https://github.com/MattGomb)

- Twitter: [@MtysGombos1](https://twitter.com/MtysGombos1)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/vaneoliverosp/)

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

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