Giter VIP home page Giter VIP logo

ashmalzahra / leaderboard Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 282 KB

The leaderboard website displays scores submitted by different players. The website is build according to the medium-fidelity wireframe to create a UI. For this application the priority is to create a working version of the leaderboard that preserves user input.

License: MIT License

HTML 19.11% JavaScript 53.00% CSS 27.89%
api-rest best-practices deployment gitflow html-css-javascript

leaderboard's Introduction

๐Ÿ“— Table of Contents

๐Ÿ“– Leaderboard

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.

Built With

  • HTML, CSS, JavaScript
  • VSCode
  • Webpack

Tech Stack

Client
  • CSS
Server
Database

(back to top)

Key Features

  • [Git Flow]
  • [Good HTML, CSS and JS practices]
  • [ES6, modules]

(back to top)

Live Demo

Live Demo Link

๐Ÿ’ป Getting Started

Clone this repository to get started with the project, make sure to configure linters by following the instructions in the Linters README file

(back to top)

Prerequisites

In order to run this project you need:

Setup

  • Clone the folder to your local machine.
  • Open a local copy of the project in your code editor.
  • Open the index.html file from the /dist folder in your browser.
  • Run npm install to install all dev dependencies for Linters, Webpack & Babel.

(back to top)

Usage

To run the project, execute the following command:

  • Run npm run start in your command terminal.

Run tests

  • After pushing the changes on github, merge your pull request and let github action process changes and fix errors, if any.
  • For stylelint errors run:sudo npx stylelint "**/*.{css,scss}" --fix for automatic fix.

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Ashmal Zahra

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

Give a โญ๏ธ if you like this project!

(back to top)

๐Ÿ™ Acknowledgments

I would like to thank Microverse for the information provided to build this project.

(back to top)

โ“ FAQ (OPTIONAL)

  • Can I use the project for any purpose?

    • Yes, you can.
  • Is the information saved in any database?

    • No, all data is saved in Local Storage.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

leaderboard's People

Contributors

ashmalzahra avatar

Stargazers

Felipe Haybar Valenzuela avatar

Watchers

 avatar

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.