This is a project that let's you see a list of scores using an API, using HTML and CSS to look so stylish and JavaScript, so you can add your own and it will be saved on the list forever!

  • By Joaquín G. L. Z.
  • Last update: Mar 4, 2022
  • Comments: 2

Leaderboard

This is a project that let's you see a list of scores using an API, you can add ypur own and it will be saved on the list forever!

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack

Live Page

Page Link

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

  • npm (node package manager)
  • Have git correctly installed.

Setup

  • Open a terminal window where you want to have installed a copy of the repository.

Install

  • Use this command to get a copy:
git clone https://github.com/Kakalanp/Leaderboard.git
  • then, run npm install, this will install all the dependencies needed.

Usage

  • Edit the content as you like.
  • Don't forget to run npm run build to get your changes in the dist folder.

Authors

👤 Joaquin Garrido

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Thanks to Microverse for the guidelines.

📝 License

This project is MIT licensed.

Github

https://github.com/Kakalanp/Leaderboard

Comments(2)

  • 1

    Added most styles

    • Adding some quality of life content in JavaScript (now you can press enter to focus next element in addition).

    • The page now looks better thanks to CSS!

    -Improved font-family for titles and subtitles.

  • 2

    Adding HTML and CSS

    • Adding base HTML for the project.
    • Adding base CSS for the project.
    • Adding example scores.

    Pages of the project is not working yet, as this is just a skeleton

Popular Tag

Related