• 📖 About the Project
• 🛠 Tech Stack
• Key Features
• 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Deployment
• 👥 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

In this activity I set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules.

• HTML
• CSS
• JavaScript ES6
• NodeJS
• Webpack

• Use callbacks and promises
• Use ES6 modules to write modular JavaScript.
• Use webpack to bundle JavaScript.

(back to top)

• Live Demo Link

(back to top)

To get a local copy up and running, follow these steps.

In order to run this project you need:

• GIT
  • if you don't have git installed on your machine you can download it from here.
• Linter
  • You can get install guide from here
• Node.js & Npm
  • if you don't have npm installed on your machine you can download it from here

Once you have git installed on your machine you can clone project by running the command below. To clone your project to your local machine

  git clone [email protected]:dev-mamun/leaderboard.git

Alternatively, you can download the zip file of your project by clicking on the Code button on the right side of your project page and clicking on Download ZIP

Install this project with:

  cd leaderboard
  npm install

To run the project, use the following : (Port 3000)

  npm run dev
  browse http://localhost:3000/

(back to top)

To run tests, run the following command:

To check for html errors run:

  npx hint .

To check for css errors run:

  npx stylelint "**/*.{css,scss}"

To check for js errors run:

  npx eslint .

👤 Abdullah AL mamun

• GitHub: @dev-mamun
• Twitter: @CoderKnight
• LinkedIn: Mamun

• API calls

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

Give a ⭐️ if you like this project!

If you like this project feel comfortable to endorse the author. You can contact the author via Twitter or Linkedin or directly message at [email protected]

(back to top)

I would like to thank...

• Teammates
• YouTube tutorials
• Microverse guides
• Google Search

(back to top)

-Why use linters?

• The use of linters helps to diagnose and fix technical issues, also linters can help teams achieve a more readable and consistent style, through the enforcement of its rules.

-Why use modular programming?

• Modular programming usually makes your code easier to read because it means separating it into functions that each only deal with one aspect of the overall functionality.

-Why use OOP?

• With this type of programming, a program comprises objects that can interact with the user, other objects, or other programs. This makes programs more efficient and easier to understand.

(back to top)

This project is MIT licensed.

(back to top)