Skip to content

This is a Leaderboard list app, setup using webpack and ES6 modules.

Notifications You must be signed in to change notification settings

algerina/Leaderboard

Repository files navigation

Leaderboard

This is a Leaderboard project setup using webpack and ES6 modules. I haveve built a basic frontend with HTML, CSS and JavaScript to post and get data from the API https://us-central1-js-capstone-backend.cloudfunctions.net/api/ where I first created a game through Postman and after created a basic UI that with asynchronous code sends a POST request through the submit button of the "Add your score" form, and sends a GET request through the "refresh" button in the recent scores table.

screenshot

Built With

  • JavaScript
  • HTML
  • CSS
  • Webpack

Live Demo

Live Demo Link

Getting Started

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

Prerequisites

Web browser (Google Chrome, Firefox, Safari)

Setup

Go to the top of the page, press te green button that says "Code", and copy the link. Then you have to go to your console and type

Git clone https://github.com/algerina/Leaderboard.git

That's all, you are ready to go!

Install

Run the following command to have all npm packages dependencies installed: npm install

Usage

To start the webpack-dev-server, run the following command npm start

Run tests

Javascript linters

    npx eslint .

HTML linters

    npx hint .

CSS linters

    npx stylelint "**/*.{css,scss}"

Authors

👤 Amel Khiri

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

About

This is a Leaderboard list app, setup using webpack and ES6 modules.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published