Leaderboard is a project that helps showcase the use of APIs (a software intermediary that allows two applications to talk to each other) in creating webapps.
Frontend
- HTML
- CSS
- Linters
- GitHub Flow
- Git Flow
- Javascript
- Webpack
- Input various users and their scores to a list
- Use APIs to re-arrange the list based on the highest scores
To get a local copy up and running, follow these steps.
In order to run this project you need:
- GitHub Account
- Git installed on your system
- Install all dependencies
- Code Editor
Clone this repository to your desired folder, write the following commands in git bash
cd my-folder
git clone https://github.com/davidolanrewaju/Leaderboard.gitTo run the project, execute the following command:
npm init -y
npm install --save-dev hint@7.x
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
npm i webpack webpack-cli webpack-dev-server --save-devTo run tests, run the following command:
npx hint .
npx stylelint "**/*.{css,scss}"
npx eslint .
npm run build👤 Olanrewaju David
- GitHub: @dave-prog
- Twitter: @ola_dayve
- LinkedIn: David Olanrewaju
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project hit the like button and also hit me up if you need a collaborator on any side projects you're working on.
I would like to thank microverse for the resources provided to make this project easy to execute and my coding partner Mahou
-
How did you set up your project?
- Installed all dependencies given by Microverse (stylelint, webhint, lighthouse)
-
How do I clone your report for use?
- Open git bash and enter "git clone https://github.com/davidolanrewaju/Leaderboard.git"
This project is MIT licensed.