In this repository I have set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, Send and receive data from an API. notably modules. I develop a first working version of the app following a wireframe, but without styling - just focus on functionality.
- HTML
- CSS
- Javascript ES6
- Javascript API
- Setup Project Done
- Hit the API Done
- Final Touches Done
Linters Installed -Lighthouse -Webhint -Stylelint -ESLint -node_modules checker -Webpack -Webpack Server
-### Setup
-
Setup Linters by running following commands in your terminal:
-
npm install --save-dev stylelint@13.x stylelint-scss@3.x - - - stylelint-config-standard@21.x stylelint-csstree-validator@1.x (Install the StyleHint linters)
-
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
-
npx stylelint "*/.{css,scss}" (checks for the CSS related errors in your project)
-
npx stylelint "*/.{css,scss}" --fix (This will fix the linters error, if any)
-
npm install --save-dev hint@7.x (Install the WebHint Linters)
-
Run npx eslint . on the root of your directory of your project.
-
npx hint . (You should see Finishing... on your terminal)
- Visual Studio
- Knowldege About HTML / CSS / JAVASCRIPT ES6
- Webhint
- Stylelint
- ESLint
- node_modules checker
- Github
- Webpack
- Webpack Server
👤 Kaweesi Matia
- GitHub: @Kaweesi-Matia
- Twitter: @kaweesimatia
- LinkedIn: Kaweesi Matia
Other Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- microverseinc
- Inspiration
- etc
https://github.com/Kaweesi-Matia/Leaderboard-Project/blob/main/LICENSE.md This project is MIT licensed.