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.

• JavaScript
• HTML
• CSS
• Webpack
• Git & Github

Live demo

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.

• Have an IDE installed on your computer to be able to view the code locally.
• Have a good working knowledge of Git and Github.

• 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'

• 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'

• For any individual who wishes to practice and master webpack usage, basic HTML,CSS and Javascript
• For practice of HTML5, CSS and Javascript technologies.

👤 Wale Olapetan

• GitHub: @wale-prog
• Twitter: @Wale_Petan

Contributions, issues, and feature requests are welcome!

Give a ⭐️ if you like this project!

• Shoutout to Robertson and Hanningtone for being amazing.
• Microverse.

This project is MIT licensed.