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

https://github.com/dantealonsoht/leaderboard_api

In this project, I use webpack to develop an application to consume API to create a Leaderboard in JavaScript.
https://github.com/dantealonsoht/leaderboard_api

api css html5 javascript webpack

Last synced: 4 months ago
JSON representation

In this project, I use webpack to develop an application to consume API to create a Leaderboard in JavaScript.

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

# Leaderboard API | Hit the API.

For this repository, I've created a project to add functionalities from API such as adding POST and GET methods to access the data from the cloud, also I've implemented a dynamic web app using the data extracted by the cloud using the API, and the form to create new data to send to the cloud.



I used Webpack to manage the files for the front-end, using loaders for HTML, CSS, and JavaScript files, in order to fix some special thing at the moment to use the front-end in a server. Feel free to suggest more additional features for this repository, or if you want to use it, feel free to do that as well.

## Built With 🔨

- JavaScript
- HTML
- CSS
- Bootstrap
- Webpack
- Visual Studio Code
- Git & Github

### Install

To get a local copy up and running follow these simple example steps.
- Open terminal
- Clone this project by the command:

```
$ git clone https://github.com/DanteAlonsoHT/Leaderboard_API.git
```

- Then go to the main folder using the next command:

```
$ cd Leaderboard_API
```

- Finally, run the next command in the terminal to see the web app in your local browser, or also, you can use Live Server in Visual Studio Code.

```
$ npm start
```

### Prerequisites

- IDE to edit and run the code (We use Visual Studio Code 🔥).
- [Node.js](https://nodejs.org/en/download/) already downloaded.
- Webpack - [click here to getting started](https://webpack.js.org/guides/getting-started/).

### Usage

- For anyone who wants to practice Webpack skills.
- How to manage your front-end files using Webpack.
- For anyone who wants to practice API consumption using JavaScript.

## Authors

👤 **Dante Alonso**

- GitHub: [@DanteAlonsoHT](https://github.com/DanteAlonsoHT)
- Twitter: [@dante_dante1](https://twitter.com/dante_dante1)
- LinkedIn: [Dante Alonso](https://www.linkedin.com/in/dante-alonso/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/DanteAlonsoHT/Leaderboard_API/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used 🔰
- Inspiration 💘
- Microverse program ⚡
- My standup team 🏹
- My family's support 🙌

## 📝 License

This project is [MIT](./LICENSE) licensed.