This is the Microverse Leaderboard project that uses gitflow and features html, CSS, Javascript, ES 6 modules and Webpack

Overview

Leaderboard project

This is the Microverse Leaderboard project using Gitflow, html + css + modular javascript, ES6 syntax, and Webpack.

Built With

  • Html
  • css
  • javascript
  • Linter

Link to project online

Getting Started

  • You can clone this repo by typing git clone https://github.com/Ceemos96/leaderboard-project on your terminal.

  • Type cd leaderboard-project to access the project on the terminal.

Author

Suleiman Olaide

🤝 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!

You might also like...

This is an app developed in the Microverse course, it is a simple app used for developing a task list, using JavaScript modules and webpack

TODO LIST This is an app developed in the microverse course, developing a task list, using Javascript modules and webpack A simple app to help you man

Jul 28, 2022

This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.

This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.

To-Do-List App This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules

Sep 20, 2022

This project is about the awesome books we did during Microverse to build a website for adding and removing the books.Done using HTML and ES6 JAVASCRIPT and modules

Awesome-books-with-ES6 Description the project. this project is about the awesome books we did during Microverse to build a website for adding and rem

May 28, 2022

This is a project based on a game Leaderboard. You can interact with an API inserting your user name and score. Built with HTML, CSS, JavaScript and WEBPACK

This is a project based on a game Leaderboard. You can interact with an API inserting your user name and score. Built with HTML, CSS, JavaScript and WEBPACK

Leaderboard: Leaderboard project - Microverse Acces link Check the live version here Built With HTML CSS JavaScript VScode Webpack GitFlow Quick view

Oct 8, 2022

This project is built with JavaScript, Webpack, HTML & CSS, Leaderboard api. When user clicks on Refresh button it hits the api and responds with the data, The user can also post data to the api

This project is built with JavaScript, Webpack, HTML & CSS, Leaderboard api. When user clicks on Refresh button it hits the api and responds with the data, The user can also post data to the api

leaderboad Description the project. this project is about the leaderboad i did during Microverse to build a website for adding Data to the API and fet

May 30, 2022

JavaScript project for the Leaderboard list app, built using webpack and ES6 features.

JavaScript project for the Leaderboard list app, built using webpack and ES6 features.

Leaderboard List App JavaScript project for the Leaderboard list app, built using webpack and ES6 features. The leaderboard website displays scores su

Aug 16, 2022

Leaderboard is a simple app that allows players to add their scores and see other players' scores, using Leaderboard API, JavaScript, HTML, and CSS.

Leaderboard: setup project description: A Leaderboard app that allows players to add their score, and see other player scores. in this project: Set up

Jun 20, 2022

A leaderboard website that displays scores submitted by different players. It was developed with Javascript, HTML, CSS and the Leaderboard API service was consumed.

LeaderBoard App Description The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data

Jul 25, 2022
Comments
  • Leaderboard API interaction

    Leaderboard API interaction

    In This milestone I :

    • Created a new game using the API.
    • Implemented the "Refresh" button (receiving data from the API and parsing the JSON).
    • Implemented the form "Submit" button (sending data to the API).
    • Used async and await JavaScript features to consume the API.
    opened by Ceemos96 1
  • Final touches

    Final touches

    In this milestone I :

    • Ensured that there are no linter errors.
    • improved the look and feel of the application, adding the styles of your choice.
    • kept the general layout of the wireframe, this is the only mandatory requirement.
    opened by Ceemos96 0
  • Leaderboard setup project

    Leaderboard setup project

    In this milestone I :

    • Setup the basic framework of the page according to the medium wireframe requirements.
    • Ensured that there are no linter errors
    • Used webpack to bundle project doc into one file.
    • Used basic ES6 syntax like import and export with modules
    opened by Ceemos96 0
  • Morning session code review 24-06-2022

    Morning session code review 24-06-2022

    You have written your code very clearly and managed it perfectly, but still, you can improve by:

    • You can use form.reset() method to clear the input fields after submitting https://github.com/Ceemos96/Leaderboard-project/blob/7c165cd38deb5eb4ca097ecaf51d29629867c627/src/modules/addUser.js#L20
    • I would suggest passing the (e) to the function here and use it inside the function instead of querying elements https://github.com/Ceemos96/Leaderboard-project/blob/7c165cd38deb5eb4ca097ecaf51d29629867c627/src/index.js#L16
    • Please give a name to input (name, score) https://github.com/Ceemos96/Leaderboard-project/blob/7c165cd38deb5eb4ca097ecaf51d29629867c627/public/index.html#L36
    • Use e.target.name(name,score).value inside the function and you can remove these queries https://github.com/Ceemos96/Leaderboard-project/blob/7c165cd38deb5eb4ca097ecaf51d29629867c627/src/modules/addUser.js#L5
    opened by sajid-munawar 0
Owner
Suleiman Olaide
Creative and Detail-oriented Front End Software Developer with a passion for React & Redux. I am a chess lover. I am open to new opportunities
Suleiman Olaide
JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard API using JavaScript async and await and add some styling.

Leaderboard Project JavaScript project for the Leaderboard list app, using Webpack and ES6 features, notably modules. this app consume the Leaderboard

bizimungu pascal 4 May 20, 2022
Erick Hans 5 Oct 26, 2022
A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules

LEADERBOARD In this activity I am setting up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I wil

Tobin 11 Mar 16, 2022
A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules.

Leaderboard ONJoseph Leaderboard project JavaScript leaderboard project using API. Description In this activity I will set up a JavaScript project for

Joseph O 3 May 12, 2022
This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

This is a simple To-do list built with JavaScript, HTML and CSS. The project uses webpack to bundle JS-modules. Users can add and remove task from the list

Daniel Yerimah 6 Jun 7, 2022
A simple leaderboard project made while a student in Microverse using API to get scores for a game, JavaScript, HTML and basic CSS

A simple leaderboard project made while a student in Microverse using API to get scores for a game, JavaScript, HTML and basic CSS

Thiago Ponce 6 Nov 28, 2022
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. Build with Html, CSS, JS, API, and Webpack.

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. Build with Html, CSS, JS, API, and Webpack.

Kyrillos Hany 9 Mar 11, 2022
Ajayi Ridwan 7 Oct 21, 2022
A JavaScript project for the Leaderboard list app, using webpack and ES6 features, this is a requirement for Micronauts in Module 2 block 4. This project is MIT Licensed

LeaderBoard A JavaScript project for the Leaderboard list app, using webpack and ES6 features, this is a requirement for Micronauts in Module 2 block

Makoji David 9 Sep 9, 2022