Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/daudi13/leaderboard

The leaderboard website displays scores submitted by different players. it also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
https://github.com/daudi13/leaderboard

api css html vanilla-javascript webpack

Last synced: 3 days ago
JSON representation

The leaderboard website displays scores submitted by different players. it also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.

Awesome Lists containing this project

README

        

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

# LeaderBoard

![screenshot](./leaderBoard.png)

> The leaderboard website displays scores submitted by different players. it also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service. Checkout the live site [here](https://daudi13.github.io/LeaderBoard/). The project is to be executed in three phases namely

### stages

- Project 1: basic page structure
- Project 2: send and receive data from API
- Project 3: Final touches

#### Cloning the project
```
git clone https://github.com/daudi13/LeaderBoard.git
```

## running the project with webpack locally
```
npm install
```

```
npm run build
```

```
npm run start
```

## Getting packages and debuging with Stylelint
```
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
##### For validation detection using Stylelint Run
```
npx stylelint "**/*.{css,scss}"
```
##### from parent source directory

## Getting packages and debuging with ESlint
```
npm install npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
##### For validation detection using Stylelint Run
```
npx eslint .
```
##### from parent source directory

## Getting packages and debuging with Webhint
```
npm install --save-dev [email protected]
```
##### For validation detection using Webhint Run
```
npx hint .
```

## 🤝 Contributing

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

## Show your support

Give a ⭐️ if you like this project!

## Authors

- David Ouma [github](https://github.com/daudi13)
## 📝 License

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