Git Product home page Git Product logo

leaderboard's Introduction

Leaderboard

This is a microverse project to make a simple leaderboard that displays scores submitted by different players. It also allows you to submit your score. All data is preserved using the external Leaderboard API service.

Built With

  • HTML, CSS and JavaScript
  • Linters: Lighthouse, Webhint, Stylelint and ESlint
  • Webpack
  • VS Code

Website Mockup ๐Ÿ“ฑ ๐Ÿ’ป ๐Ÿ–ฅ๏ธ

image

Live Demo ๐Ÿ”—

not yet

Getting Started

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

Prerequisites

  • A web browser like Google Chrome
  • A code editor like Visual Studio Code with Git and Node.js.

Setup

Clone the repository using the GitHub link

Install

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/iBel251/leaderboard.git

Usage

Kindly modify the files as needed.

Run tests

To check for linters, use the files provided by Microverse. A GitHub action is also set to run during pull request.

$ npm install

Deployment

This app is deployed in the GitHub Pages for easy viewing upon merged on the main branch. Please find the link in the Live Demo section.

Authors

๐Ÿ‘ค Imran Belete

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

  • Microverse
  • Code Reviewers
  • Coding Partners

๐Ÿ“ License

This project is MIT licensed.

leaderboard's People

Contributors

ibel251 avatar

Watchers

 avatar

leaderboard's Issues

Peer-to-peer code review

Great job on completing your Capstone project! Outstanding work! ๐Ÿ‘:skin-tone-3:๐Ÿ”ฅ There are however some changes that are required to better improve your code.

Highlights ๐Ÿฅณ

  • Great design โœ”๏ธ
  • No linter errors โœ”๏ธ
  • Proper use of semantic tags i.e. <header> <section> <main> . ๐Ÿ™Œ:skin-tone-3:
  • Good practice on using underscore naming for SASS files that aren't meant to be compiled. ๐Ÿ‘Œ:skin-tone-4:
  • Proper documentation of the project in the README.md file. โœ”๏ธ
  • Great job writing clean code. ๐Ÿ”ฅ

Required Changes โ™ป๏ธ

  • it is better to use width in percentages rather than fixed numbers so that your project may automatically adjust to the users screen size easily.
  • Kindly add the link to the live demo of your project in your readme.md file.
  • Try to use arrow functions in your project as required of ES6.
  • You should change the title of your project to the corresponding project rather than leaving in 'document' which is there by default.
  • In your CSS, it is better to use * sign instead of html as a whole document selector.
    Otherwise 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.