Giter Club home page Giter Club logo

gardimy / leaderboard Goto Github PK

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

I create a leaderboard website which can displays scores submitted by different players. It also allows you to submit your score.I consume the Leaderboard API using JavaScript async and await and add some styling.

Home Page: https://gardimy.github.io/Leaderboard_project/dist/

License: MIT License

JavaScript 39.64% HTML 30.93% CSS 29.43%
es6-promise html-css-javascript webpack api

leaderboard's Introduction

Leaderboard : final touches

Leaderboard : final touches

πŸ“— Table of Contents

πŸ“–Leaderboard : final touches

For this milestone, I create a setup of the structure and layout for a leaderboard webpage, displaying recent scores and allowing users to add their own scores.

πŸ›  Built With

Tech Stack

This project focuses only on linters and .gitignore. and JS or Server are included in this repo.

Client
Server

Key Features

Use webpack to bundle JavaScript.

  • [Use API documentation.]
  • [Make JavaScript code asynchronous.]
  • [Use medium-fidelity wireframes to create a UI.]

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

πŸ’» Getting Started

If you are a new developer and would like to have a basic project to start practicing your code or creating your first project Using the most receent version of javaScript ,HTML and CSS : Cloning this project will give you what you need!

To get a local copy up and running, follow these steps: npm run dev or npm start to start this app.

Prerequisites

In order to run this project you need:

  • Have npm installed in your project: curl -qL https://www.npmjs.com/install.sh | sh

Setup

Clone this repository to your desired folder:

https://github.com/Gardimy/Leaderboard_project

or

https://github.com/Gardimy/Leaderboard_project <-- Only if you have SSH keys configured on your GitHub account.

Install:

run the npm install command in your console.

Usage

To run the linters before committing any changes to your code, execute the following commands:

npx hint . npx stylelint "**/*.scss" <--NOTE: this repo is set up to use with SCSS. If you would like to use CSS, you must replace "**/*.scss" with "**/*.{css,scss}" in line 48 of the .stylelintrc.json file, and run the linter with:

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

(back to top)

πŸ‘₯ Authors

πŸ‘€ Gardimy Charles

πŸ”­ Future Features

  • Send and receive data from an API.
  • Use API documentation.
  • Understand and use JSON.
  • Make JavaScript code asynchronous.

⭐️ Show your support

If you like this project please give me a star on GitHub.And Don't hesitate to follow me on github, you will have the opportunity to get all updating available for this project.

πŸ™ Acknowledgments

I would like to thank microverse for teaching me this Skills

πŸ“ License

This project is MIT license licensed.

(back to top)

leaderboard's People

Contributors

gardimy 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.