Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maximoortelli/leaderboard


https://github.com/maximoortelli/leaderboard

Last synced: 20 days ago
JSON representation

Awesome Lists containing this project

README

        


logo

Feature-Final touches

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#Usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Feature-Final touches.

Leaderboard:Final touches. In this activity you will finalize the Leaderboard list app, adding the styles needed to make it look great. At this point i should have a fully working app that uses only basic styles to make the layout workMake,i you should improve the look and feel of the application, adding the styles of my choice. I keep the general layout of the wireframe, this is the only mandatory requirement.
Now you should improve the look and feel of the application, adding the styles of your choice.
Please keep the general layout of the wireframe, this is the only mandatory requirement.
You can use plain CSS or any CSS framework, i decide.

## 🛠 Built With

### Tech Stack

Client


  • HTML 5



  • CSS



  • JAVASCRIPT



  • WEBPACK

### Key Features

- **I should improve the look and feel of the application, adding the styles of my choice.**
- **Make sure that i saved the ID of my game that will be returned by API.**
- **Implement the "Refresh" button that will get all scores for a game from the API (receiving data from the API and parsing the JSON).**
- **Implement the form "Submit" button that will save a score for a game (sending data to the API).**
- **Use arrow functions instead of the function keyword.**
- **Use async and await JavaScript features to consume the API.**
- **keep the general layout of the wireframe, this is the only mandatory requirement.**
- **I can use plain CSS or any CSS framework, it's up to you.**

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps:

### Prerequisites

In order to run this project you need:

1. Github account.
2. Visual Studio Code installed.
3. Node.js installed.
4. Git Bash installed (optional)

### Setup
1. On GitHub.com, navigate to the main page of the repository.
2. Above the list of files, click *Code*.
3. Copy the URL for the repository.
4. Open Terminal.
5. Change the current working directory to the location where you want the cloned directory.
6. Type git clone, and then paste the URL you of the reposotory.

``` $ git clone https://github.com/maximoortelli/Leaderboard.git ```

(back to top)

### Install

Install this project with:

```bash
npm install
```

### Usage

To run the project, execute the following command:

```bash
npm run start
```

## 👥 Authors

👤 **Maximo Ortelli.**

- GitHub: [@maximoortelli](https://github.com/maximoortelli)
- Linkedin: [@maximoortelli](https://www.linkedin.com/in/maximo-ortelli-rueda-265228203/)

(back to top)

## 🔭 Future Features
This is the final build.

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project you can clone it and feel free to improve it by making a pull request.

(back to top)

## 🙏 Acknowledgments

I would like to thanks for my family and my siblings.

(back to top)

## 📝 License

This project is [MIT](LICENSE) licensed.

(back to top)