Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/meryemsanem/leaderboard

This is a Leaderboard Project with Webpack and ES6. With this app, you can add your score to the board and get the scores on the leaderboard. Built with HTML , CSS and JavaScript.
https://github.com/meryemsanem/leaderboard

css3 html javascript jest modules webpack

Last synced: 5 days ago
JSON representation

This is a Leaderboard Project with Webpack and ES6. With this app, you can add your score to the board and get the scores on the leaderboard. Built with HTML , CSS and JavaScript.

Awesome Lists containing this project

README

        

# πŸ“— Table of Contents

- [πŸ“— Table of Contents](#-table-of-contents)
- [Leaderboard ](#about-project)
- [πŸ›  Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [Live Demo](#live-demo-)
- [πŸ’» Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [πŸ‘₯ Authors ](#-authors-)
- [πŸ”­ Future Features ](#-future-features-)
- [🀝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [πŸ™ Acknowledgments ](#-acknowledgments-)
- [πŸ“ License ](#-license-)

# Leaderboard

- This is a Leaderboard Project with Webpack and ES6. With this app, you can add your score to the board and get the scores on the leaderboard. Built with HTML , CSS and JavaScript.

## πŸ›  Built With

### Tech Stack

Client

### Key Features

- View the names and scores of the users
- Use ES6 and Webpack
- The user can add a score.
- Working with API.

(back to top)

## πŸš€ Live Demo

- The link for Leaderboard project [Live Demo Link](https://meryemsanem.github.io/leaderboard/dist/)

(back to top)

## πŸ’» Getting Started

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

### Prerequisites

In order to run this project you need:

- Node.js
- npm

### Setup

Clone this repository to your desired folder:

```sh
cd desktop

git clone [email protected]:meryemsanem/leaderboard.git

```

### Install

Install this project with:

```sh

cd leaderboard

npm install
```

### Usage

To run the project write terminal npm run dev.

### Run tests

To run the linters, run `npx hint .` and `npx stylelint "**/*.{css,scss}"` or `npx eslint .` from the root directory of the project.

(back to top)

## πŸ‘₯ Authors

πŸ‘€ **Meryem Sanem Küçükbayram**

- GitHub: [@meryemsanem](https://github.com/meryemsanem)
- Twitter: [@msanemkckbayram](https://twitter.com/twitterhandle)
- LinkedIn: [Meryem Sanem Küçükbayram](https://linkedin.com/in/linkedinhandle)

(back to top)

## πŸ‘₯ Future Features

- Add animations

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

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

(back to top)

## ⭐️ Show your support

If you like this project, you can contribute to it. You are also welcome to give it a star on GitHub.

(back to top)

## πŸ™ Acknowledgments

I would like to thank Microverse for teaching and enforcing professional level practices.

(back to top)

## πŸ“ License

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

(back to top)