MozamelJawad/Leaderboard

This is a learning project on Microverse designed in HTML, CSS, and ES6 modules. In this project, we use webpack to bundle JavaScript.

Leaderboard

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Live Demo
    • Key Features
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Leaderboard

Leaderboard is a learning project in Microverse that builds in HTML, CSS, and Javascript and uses webpack to bundle Javascript; in this project, proper ES6 syntax is also implemented.

🛠 Built With

Tech Stack

• Linters
• Webpack
• HTML
• CSS3
• JS (ES6 synthax)

🚀 Live Demo

• Live Demo

Key Features

• linter implementation
• webpack implementation
• ES6 Module

(back to top)

💻 Getting Started

Setup

Clone this repository to your desired folder:

https://github.com/MozamelJawad/Leaderboard

Install

• npm init -y
• npm install webpack webpack-cli --save-dev
• npm install --save-dev html-webpack-plugin
• npm install webpack webpack-cli --save-dev
• npm install --save-dev style-loader css-loader
• npm install --save-dev webpack-dev-server
• npm run build
• npm start

Usage

To run the project, execute the following command:

npm install

Run tests

np start

Deployment

Project can be deployed by using the gh-pages and other web platforms.

(back to top)

👥 Authors

👤 Mozamel Jawad

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [I will try to add some more user interactivity using JS]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, give a ⭐️

(back to top)

🙏 Acknowledgments

I would like to thank from Microverse

(back to top)

📝 License

This project is MIT licensed.

(back to top)