LeaderBoard-Project
In this project we use Webpack dependecy and a external API for displaying the leaderboard data inside the dom.
Built with
- HTML-CSS-JS
- WebPack
- Node Modules
- GIT/GITHUH/GITFLOW
- API
Project Functionality video
AwesomeScreenshot-26_01_2022.20.18.15.mp4
Project final View
How to set up
If you want to see the project in detail, check the following instructions:
- clone the repo locally.
- open the repo command line path and type in (
npm install
). - run (
npm run build
) to ensure no webpack errors. - finally type (
npm run start
).
Live page
- checkout the project page: Leaderboard
Authors
- Github: Github
🤝
Contributing
Contributions, issues, and feature requests are welcome! Feel free to check leave recommendation in issues page
LeaderBoard Styling
Main Point
🦅
Set up Project 💻
npm install
).npm run build
) and finally type (npm run start
).Adding Leaderboard API functionality
Main point
🦅
Change Made ✏️
Initial LeaderBoard Porject Structure
Main Point
🦅
Change made ✏️
Morning session review
Hello, Nicolas, you made excellent work, there is just 1 or 2 thing you could change to improve the code
const DisplayScore = async () => { await fetch(
https://us-central1-js-capstone-backend.cloudfunctions.net/api/games/${id}/scores/).then((res) => res.json().then((data) => {
Doesn't really need to be async, since you are making a new fetch without requesting data from a promise or an API, it may consume extra time to process it, so it would be nice if it was just a normal arrow function, just to improve your code