Description of the project

In this activity I finalize the project by adding more styling. The puepose is to understand how to use a medium-fidelity wireframes to create a UI.

Built With

• Major languages: HTML, CSS and Javascript
• Linters for HTML & CSS and Javascript5(Webhint, Lighthouse, Stylelint, Eslint)
• npm and webpack

Getting Started

To get a local copy up and running follow these simple example steps in your terminal.

Prerequisites

• Code editor: Vscode or Sublime
• Git

Setup

1. Download the Zip file or clone the repo with:

git clone https://github.com/Piercel2022/leaderboard.git

2. To access cloned directory run:

cd leaderboard

3. Open it with the live server

Link demo

live demo

Install, build and run:

To install linters and other project's dependencies run: npm install To build the project run in the terminal: npm run build To run the project, run in the terminal: npm start

Run Test for Linters

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

1. For tracking linter errors in HTML files run:

npx hint .

2. For tracking linter errors in CSS or SASS files run:

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

3. For tracking linter errors in the Javascript files run:

npx eslint .

Author

• GitHub: https://github.com/Piercel2022
• Twitter: https://twitter.com/pier_celestin
• LinkedIn: https://linkedin.com/in/piercelestinmax

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues here.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is (./MIT.md) licensed.