Giter Site home page Giter Site logo

helio3197 / leaderboard Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 289 KB

A leaderboard app that allows the user to add their name and a score to then save it into the score table. The website uses an API to send and receive user score data and then display it on the table. There is a button to refresh the table with new information.

Home Page: https://helio3197.github.io/leaderboard/dist/

HTML 18.53% JavaScript 45.87% CSS 35.60%
api-rest javascript css webpack

leaderboard's Introduction

Leaderboard

A simple leaderboard app

screenshot

This website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API.

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

  • Have git correctly installed.
  • Have NPM and NodeJs correctly installed.

Setup

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

Install

  • Use this command to get a copy:
$ git clone [email protected]:helio3197/leaderboard.git
  • Install the required dependencies:
$ npm install

Usage

  • Run:
$ npm start
  • Build:
$ npm run build
  • Edit the content as you like.

Authors

๐Ÿ‘ค Kenny Salazar

๐Ÿค 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.

leaderboard's People

Contributors

helio3197 avatar

Stargazers

Lucas Bonnefon avatar Behnam Aghaali avatar

Watchers

 avatar

leaderboard's Issues

Peer to peer review for milestone #2

โ™ป๏ธ Optional Changes

  • You did a good job.
  • Your code is DRY and all the functionality nicely implemented.
  • Your codes are nicely structured and arranged.

Changes required

[Optional changes]

  • The alert tab that displays when the a score is submited might look better if it displays somewhere onto of the score table.
  • I think the refresh button could have been nicely implemented if the score table is updated when it is clicked.

Nice work ๐Ÿ‘
Happy coding !!!!.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.