leaderboard
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
Features
- The website displays a basic layout that dynamically loads the current score list for the selected game.
- The game interface is displayed when the page is loaded and by clicking on the link change game below the title of the page.
- A new game can be created and an existing game can also be selected using the game interface. Game information is saved to local storage.
- New scores can be added using the form add scores by clicking on its Submit button.
- The added score can be visualized by updating the recent scores list. Update it by clicking on the refresh button.
Built With
- HTML / SCSS / Javascript / Webpack
Live Demo
Getting Started
To get a local copy up and running follow these simple example steps.
Prerequisites
- Have git installed on your local computer.
Install
- Clone this repository to your local computer. Choose the location you prefer.
- Run the command npm install to install all project's dependencies.
Deployment
- Run the command line npm run start.
- The project will automatically open the index.html file in a browser.
Authors
๐ค
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
Acknowledgments
- Linters: Microverse
- Readme template: Microverse
๐
License
This project is MIT licensed.
Morning Session Code Review
Hello @gabyse1 ๐๐ป
Your project is really well constructed in the way you handle errors and display personalized messages when the output doesn't match the expected. You did a great job.
Suggestions
The only suggestion I want to comment on is here:
https://github.com/gabyse1/leaderboard/blob/26be843f7f38d401cd8ce6234f52077302be23e3/src/index.js#L51-L52
.then(response => response.json())
when you're fetching the data instead of await again to parse the response. Since it is a promise, you can handle the data this way for better readability.Closing ๐ธ
Please let me know If you have any questions about my suggestions. We're all here to learn so let's take advantage of different perspectives! Cheers and happy coding! ๐จ๐ปโ๐ป
Deploy settings
Changes to the project ๐ ๐
Add UI
Changes to the project
Final touches
Changes to the project
Manage API data
Changes to the project
Setup project
Changes to the project