• 📗 Table of Contents
• 📖 Leaderboard Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
• • 👤 Author
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ
  • 📝 License

This is a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I consume the Leaderboard API using JavaScript async and await and UI some styling.

• Add HTML Form
• Add HTML Table
• Uses Webpack and ES6
• Use JavaScript Promises

(back to top)

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

In order to run this project you need:

• A web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• node should be installed in your local machine, node website.
• Install the npm package manager use this to install both node and npm.
• A terminal.

Clone this repository to your desired folder or download the Zip folder:

https://github.com/ctokoli/Leaderboard.git

• Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd Leaderboard

To install all dependencies, run:

npm install

To run the project, follow these instructions:

• After Cloning this repo to your local machine.
• Open the index.html from the doc directory in your browser.

To run tests, run the following command:

• Track HTML linter errors run:

npx hint .

• Track CSS linter errors run:

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

You can deploy this project using: GitHub Pages,

• I used GitHub Pages to deploy my website.
• For more information about publishing sources, see "About GitHub pages".

(back to top)

👤 Cephas, Tokoli

• GitHub: @Ctokoli
• Twitter: @Ctokoli
• LinkedIn: Cephas Tokoli

(back to top)

• Style the UI
• Add data dynamically

(back to top)

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

Give a ⭐️ if you like this project and how I managed to build it!

(back to top)

• Project from Microverse html & css module.
• Thanks to the Microverse team for the great curriculum.
• Thanks to the Code Reviewer(s) for the insightful feedbacks.
• A great thanks to My coding partner(s), morning session team, and standup team for their contributions.
• Hat tip to anyone whose code was used.

(back to top)

• Can I fork and reuse the repository

  • Yes please, feel free.

• Can I improve the repository, and my changes will be accepted if they are good?

  • Yes please, nice ideas are welcome, please.

(back to top)

This project is MIT licensed.

(back to top)