Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/errytagedesign/gameleaderboard


https://github.com/errytagedesign/gameleaderboard

Last synced: 19 days ago
JSON representation

Awesome Lists containing this project

README

        

Leaderboard Porject

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run Linters](#run-linters)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 A Leaderboard Projects with Webpack

A Leader project developed with webpack, gitflow, githubflow and the best combo of HTML, CSS and JAVASCRIPT. In addition, i added Linters for Html, Css and Javascript.

## 🛠 Built With

1-HTML
2-CSS
3-JS

### Tech Stack

Client

### Key Features

- Add index.html file.
- Add index.js file.
- Add index.css file.
- Add Linters.
- Add Webpack config.

(back to top)

## 💻 Getting Started

### Prerequisites

1-Web Browser
2-Code Editor
3-Git

### Setup

Clone this repository to your desired folder:

Run this Command:

```sh
cd my-folder
git clone https://github.com/Errytagedesign/gameLeaderboard
```

### Install

First you need to install the node package files
Run this command:

```sh
cd gameLeaderboard
npm install
```

### Usage

- In order to use this project you either create branch to add more features.
- But in order to run the project run npm start
- Run npm run build when you're done.

### Run Linters

I have added the linters or tests in order to avoid anykind of typos and ensure the good practices in this project. So while using this repository if you need to check your work in html and css you can use below commands

- in order to run the linter test on index.html:

```sh
npx hint .
```

- in order to run the linter test on stylesheets:

```sh
npx styleint "**/*.{css,scss}"
```

### Deployment

- You can easily use github pages, netlify or vercel to deploy your project
Useful link about Github Pages
Step by Step guide to deploy using netlify
Step by Step guide to deploy using vercel

(back to top)

## 👥 Authors

👤 Sodeeq Awoyemi

- GitHub: [@githubhandle](https://github.com/Errytagedesign)
- Twitter: [@twitterhandle](https://twitter.com/errytage)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/errytagedesigns/)

(back to top)

## 🔭 Future Features

- [ ] Hit The API, to create game leaders
- [ ] Hit The API, to render leaders to the leaderboard

(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 just give it a star -

(back to top)

## 🙏 Acknowledgments

I would like to thank Microverse.

(back to top)

## 📝 License

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

(back to top)