https://github.com/piercel2022/leaderboard

In this activity I first set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. After then I continue working on the Leaderboard list app, sending and receiving data from/to the Leaderboard API.
https://github.com/piercel2022/leaderboard

css3 html5 javascript npm webpack

Last synced: 15 days ago
JSON representation

In this activity I first set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. After then I continue working on the Leaderboard list app, sending and receiving data from/to the Leaderboard API.

• Host: GitHub
• URL: https://github.com/piercel2022/leaderboard
• Owner: Piercel2022
• License: gpl-3.0
• Created: 2022-07-26T13:37:20.000Z (over 2 years ago)
• Default Branch: develop
• Last Pushed: 2023-05-23T11:22:44.000Z (over 1 year ago)
• Last Synced: 2024-10-10T20:32:41.383Z (29 days ago)
• Topics: css3, html5, javascript, npm, webpack
• Language: JavaScript
• Homepage: https://piercel2022.github.io/leaderboard/dist/
• Size: 585 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## 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](https://piercel2022.github.io/leaderboard/dist)

### 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](https://github.com/Piercel2022/leaderboard/issues).

## 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.