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

Last update: May 30, 2022

Related tags

Overview

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 fetching it to display in the innerHtml using ES6 modules and webpak.Done using HTML, CSS and JAVASCRIPT

Built With

HTML
CSS
JAVASCRIPT

Live Demo (if available)

Live Demo Link

Getting Started

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

Prerequisites

Web browser
Code editor

Setup

npm install

npm build

npm start

Run the following commands to run linter tests

WebHint

npx hint .

StyleLint

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

ESLint

npx eslint .

Authors

👤 Author1

GitHub: @medsonmoombe
Twitter: @emmanue78388405
LinkedIn: @Emmanuel moombe

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Hat tip to anyone whose code was used

📝 License

This project is MIT licensed.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Comments

Add the css styles to the leaderboad
The following were implemented in this project

Improve the look and feel of the application, adding the styles

Keep the general layout of the wireframe.

Use Plain CSS
opened by medsonmoombe 0
Leaderboad fetching data from the Api
The following were implemented in this project

Created a new game with the name by using the API.

Implement ed the "Refresh" button (receiving data from the API and parsing the JSON).

Implement ed the form "Submit" button (sending data to the API).

Use async and await JavaScript features to consume the API.
opened by medsonmoombe 0
Leaderboad setup project
The following were implemented in this Project

Use ES6 modules, with import and export.

No linter errors

Use plain HTML markup with minimum styling

Use webpack to bundle files
opened by medsonmoombe 0
Morning Session code review
Hi, @medsonmoombe a great job so far. you have done excellent work we appreciate that. But here are some issues that we kindly suggest to improve your project

Kindly recommend you remove the comments on index.js

Your project name has a typo mistake you might want to change it from "leaderboard" to “leaderboard”

We kindly request to update your getting started title in your readme file to look more professional.

You might want to use `align-items: flex-start for the add scores and scoreboard’s container instead of center.
opened by yayner2002 0
morning session code review

Hello @medsonmoombe excellent work finishing that project :star: however, we have some issues that might need some improvements to check the comments below:

1- it's better to use semantic tags instead of divs, i would suggest readinghtml best practices

2- what do you think if the sort logic is inside a separate function? https://github.com/medsonmoombe/leaderboad/blob/61316bb10b09f1f1d9c21d14bfb5eb63c7d87892/modules/scores.js#L8

and everything else is really excellent!. please feel free to ask any questions.

opened by yosefHesham 0

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

Related tags

Overview

leaderboad

Built With

Live Demo (if available)

Getting Started

Prerequisites

Setup

Run the following commands to run linter tests

Authors

Show your support

Acknowledgments

📝 License

🤝 Contributing

Comments

Add the css styles to the leaderboad

The following were implemented in this project

Leaderboad fetching data from the Api

The following were implemented in this project

Leaderboad setup project

The following were implemented in this Project

Morning Session code review

morning session code review

Owner

Emmanuel Moombe

Built for fun and game activities! you can submit scores of players, create a new game, and refresh to see who is on top of the leaderboard. It was built with JavaScript, HTML, and CSS. Thanks to the central LeaderBoard API service all data is preserved

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. Built with Html, CSS and JavaScript

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

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API. Technologies used are JavaScript(ES6), HTML5, CSS3, Webpack. Also, the Gitflow workflow was used.

A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

leaderBoard is a project used to add a score, view score list, and refresh score list. It is built using JS, HTML, BootStrap, and API.

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.

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. This is a project for learning purposes which I'll practice medium-fidelity wireframes to create a UI.

Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript

This is a JavaScript leaderboad list app. In this project I used Webpack and ES6 modules. As well as HTML, and CSS for styling the app. When submitting the scores the data is preserved thanks to the external Leaderboard API service.

This 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 Webpack and ES6

Angular JWT refresh token with Interceptor, handle token expiration in Angular 14 - Refresh token before expiration example

🔐 A Privacy-first Diff tool for everyone. ✅ Your data never hits our servers.

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.

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.

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.

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.