LeaderBoard

Project online link

CLICK HERE for the online version

Leaderbord Project: Final version

In this activity I will set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I will develop a first working version of the app following a wireframe, but without styling - just focus on functionality. In following activities, I will consume the Leaderboard API using JavaScript async and await and add some styling.

• Use callbacks and promises.
• Learn how to use proper ES6 syntax.
• Use ES6 modules to write modular JavaScript.
• Use webpack to bundle JavaScript.

Additional description about the project and its features.

• Mobile version

• Desktop version

Built With

• HTML, CSS and JavaScript(ES6) using Webpack

Getting Started

Requirements

• Make sure that there are no linter errors.
• Make sure that you used correct GitHub Flow.
• Make sure that you documented your work in a professional way.

Steps to clone the repository to your local repo using VS Code

• In the Clone this repository dialog, select the Clone in VS Code button. You can use the link below to clone to your local repo:

git@github.com:pasytchangwa/LeaderBoard.git

• If you have not already installed the Atlassian for VS Code extension, you will be prompted to install it.

• Select Install > select the Reload Window and Open button in the info dialog.

• In VS Code, select Clone a new copy from the dropdown menu.

• When prompted, select the local storage location where you want to keep the cloned repository.

• Select the Select repository location button.

• Your repository will be cloned and stored in the location you chose. You can then open the repository and begin working on it in VS Code.

Test

For tracking linter errors locally you need to follow these steps:

• After cloning the project you need to run this command

npm install This command will download all the dependancies of the project

• For tracking the linter errors in HTML file run:

npx hint .

• And for tracking the linter errors in CSS file run:

npx stylelint “*/.{css,scss}”

• And for tracking the linter errors in JavaScript file run:

npx eslint .

Authors

👤 Sylvestre

• GitHub: @pasytchangwa

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse

📝 Licenses