https://github.com/vagyasri/leaderboard

https://github.com/vagyasri/leaderboard

Last synced: 30 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/vagyasri/leaderboard
• Owner: Vagyasri
• License: mit
• Created: 2021-10-11T20:54:41.000Z (about 3 years ago)
• Default Branch: Development
• Last Pushed: 2021-10-18T06:21:22.000Z (about 3 years ago)
• Last Synced: 2023-03-06T18:02:35.989Z (over 1 year ago)
• Language: JavaScript
• Size: 946 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

# 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.

## Built With

- HTML

- CSS

- JavaScipt

- ES6

- Webpack

- API

## Live Demo

[Live View!!](https://vagyasri.github.io/Leaderboard/dist/)

## Author

👤 **Bhagyashree Patra**

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

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

- LinkedIn: [Bhagyashree Patra](https://www.linkedin.com/in/bhagyashree-patra-029bb059/)

## Getting Started

### Prerequisites:

- Web browser

- Code Editor (VS Code)

- Live Server Extension

### Cloning the repo to your local system (If you already have git, installed in your system):

- [Copy this link](https://github.com/Vagyasri/Leaderboard.git)

- Open your terminal or command line

- Run "git clone [Paste this link](https://github.com/Vagyasri/Leaderboard.git)"

- Open the folder with your code editor

- Now You can edit the code and check the changes in the browser using Live Server

### Webpack Setup:

- Initialize `npm`: Run `npm init -y`

- Install `webpack` and  `webpack-cli` locally: Run `npm install webpack webpack-cli --save-dev`

### Implement the changes and Get Live View in Localhost:

- Run: `npm run build`

- Run: `npm start`

### Check linter errors:

- Install npm

- For HTML: Run npx hint .

- For CSS: Run npx stylelint "**/*.{css,scss}"

- For JS: Run npx eslint .

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Start by:

- Forking the project

- Cloning the project to your local machine

- cd into the Youtube-Replica project directory

- Run git checkout -b your-branch-name

- Make your contributions

- Push your branch up to your forked repository

- Open a Pull Request with a detailed description to the development branch of the original project for a review

Feel free to check the [issues page](https://github.com/Vagyasri/Leaderboard/issues), contribute to the Project by creating an issue.

## Show your support

Give a ⭐️ if you like this project!