https://github.com/wale-prog/leaderboard
This project creates a leadershipboard that is loaded from an API, also new data can be inputed manually from the user interface. It was built using webpack and served by a webpack dev server.
https://github.com/wale-prog/leaderboard
css html javascript webpack
Last synced: 2 months ago
JSON representation
This project creates a leadershipboard that is loaded from an API, also new data can be inputed manually from the user interface. It was built using webpack and served by a webpack dev server.
- Host: GitHub
- URL: https://github.com/wale-prog/leaderboard
- Owner: wale-prog
- License: mit
- Created: 2022-06-14T21:23:39.000Z (about 4 years ago)
- Default Branch: develop
- Last Pushed: 2022-06-17T17:25:26.000Z (about 4 years ago)
- Last Synced: 2025-06-13T20:06:36.841Z (about 1 year ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 320 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Leadershipboard
> Project Description.
> This project creates a leadershipboard that is loaded from an API, also new data can be inputed manually from the user interface. It was built using webpack and served by a webpack dev server.
## Built With
- JavaScript
- HTML
- CSS
- Webpack
- Git & Github
## Live Demo
[Live demo](https://wale-prog.github.io/Leaderboard/)
## Getting Started
**This project is part of a training series to highlight the need for proper documentation, best practices, and writing clean codes with html, css and Javascript.**
### Prerequisites
- Have an IDE installed on your computer to be able to view the code locally.
- Have a good working knowledge of Git and Github.
### Setup
- Open a command line terminal (Git bash preferrably) and navigate to a directory where you would like to save the work folder using cd.
- Clone the repository with git clone https://github.com/wale-prog/Leadershipboard.git
- To get the curent working tree, git fetch --all, then checkout to "setup" branch.
- Finally, display the content of the ./dist/index.html by starting the webpack dev server doing the following:
- navigate to the root directory with a command line terminal
- run 'npm start'
### Install
- IDE preferrably VScode
- using command line terminal in the root directory install the following:
- node package manager with 'npm init -y'
- webpack with 'npm install webpack webpack-cli --save-dev'
- HtmlWebpackPlugin with 'npm install --save-dev html-webpack-plugin'
### Usage
- For any individual who wishes to practice and master webpack usage, basic HTML,CSS and Javascript
- For practice of HTML5, CSS and Javascript technologies.
## Author
👤 **Wale Olapetan**
- GitHub: [@wale-prog](https://github.com/wale-prog)
- Twitter: [@Wale_Petan](https://twitter.com/wale_Petan)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Shoutout to [Robertson](https://github.com/bobb-Rob) and [Hanningtone](https://github.com/HanningtoneM) for being amazing.
- Microverse.
## 📝 License
This project is [MIT](./LICENSE) licensed.