Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project

Mahdi Rezaei

Last update: Oct 21, 2022

Overview

Leader Board - JavaScript Project

Overview
Project Setup
- commands
My process
Author
Acknowledgments

Overview

The challenge

Create a new game with the name of your choice by using the API.
Make sure that you saved the ID of your game that will be returned by API.
Implement the "Refresh" button that will get all scores for a game created by you from the API (receiving data from the API and parsing the JSON).
Implement the form "Submit" button that will save a score for a game created by you (sending data to the API).
Use arrow functions instead of the function keyword.
Use async and await JavaScript features to consume the API

Setup Project

commands

In order to run this project locally in your machine follow the following steps

git clone https://github.com/MahdiSohaily/Leaderboard.git
cd Todo-app
npm install
npm run dev
npm run start

Screenshot

Desktop version	Mobile Version

My process

Built with

Semantic HTML5 markup
CSS custom properties
Flexbox
CSS Grid
Mobile-first workflow
Webpack 5
JavaScript

Author

Frontend Mentor - @MahdiSohaily
Twitter - @Mahdi_Rezaei_AF
linkedIn - @Mahdi-rezaei

Comments

Leader Board
Leader Board Project: final design and deployment.

in this branch, I have made the following changes:

Update the design.

Added GitHub pages.

Deployed the project.
opened by MahdiSohaily 1
Leader Board
Leader Board Project: setup project & create HTML template

In this branch, I have made the following changes:

Added project startup files.

Added web pack to the project.

Added project assets files.

Added file loader plugin to the project.

Added the CSS loader plugin to the project.

Added style loader to the project.

Added project HTML structure.

Added project CSS reset styles.

Added project styles.
opened by MahdiSohaily 0
Leader Board
Leader Board Project: Working whit API and ASYNC & AWAIT functionality

In this branch, I have made the following changes:

Added project modules to handle different functionalities in a module base approach.

Added the getData function in the module to get stored data from an external API.

Added the setData function in the module to store new data to the external API.

Added the showData function in the module to display stored data on the client side (UI).

Added the message function to show the success and failure messages to the user.
opened by MahdiSohaily 0
Leaderboard review

You have done great work, congrats on that clean and commented code, but we would like to add the following note:

we can see you use the comments for your functions and it's really interesting you could improve them by specifying the data type of your parameters between {} after @param

opened by shakerAbuDrais 0

The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to the management of the data of the Members of the Persis Youth based on information technology systems

landing-page-pp landing-page-pp.vercel.app #The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to

Oct 21, 2022

i18n-language.js is Simple i18n language with Vanilla Javascript

i18n-language.js i18n-language.js is Simple i18n language with Vanilla Javascript Write by Hyun SHIN Demo Page: http://i18n-language.s3-website.ap-nor

Jul 12, 2022

A workshop about JavaScript iteration protocols: iterator, iterable, async iterator, async iterable

JavaScript Iteration protocol workshop A workshop about JavaScript iteration protocols: iterator, iterable, async iterator, async iterable by @loige.

Dec 20, 2022

A task board is considered to be one of the most successful tools for teamwork. Whether it's for work, a side project or even the next family vacation, we helps your team stay organized.We've got the flexibility and featuresto fit any team's style.

TaskBoard !Important! The project is in its initial stage. In the near future I'll be adding new features and upgrading the old ones to be more optima

Oct 11, 2022

This simple project, show how work with async Fetch, function component and class component

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Feb 17, 2022

A declarative way of doing asynchronous programing with Typescript.

Deasyncify A declarative way of doing asynchronous programing with Typescript. Overview Getting started Issues Installation Usage Methods watch watchA

Jun 19, 2022

Web-pack based Todo-List Website built using HTML, CSS and JavaScript. Tested Using Jest.

To-DO List Live Link Additional description about the project and its features: Built With HTML and CSS Javascript HTML & CSS3 & JavaScript Linters Gi

Mar 31, 2022

A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

To-Do-List A To-Do-List App helps users to get their task cordinated and organised. This project is from microverse javascript curriculum which tests

Jul 8, 2022

Parallel/concurrent async work, optionally using multiple threads or processes

parallel-park Parallel/concurrent async work, optionally using multiple processes Usage parallel-park exports two functions: runJobs and inChildProces

Mar 1, 2022

Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project

Related tags

Overview

Leader Board - JavaScript Project

Table of contents

Overview

The challenge

Setup Project

commands

Screenshot

Links

My process

Built with

Author

You might also like...

Comments

Leader Board Project: final design and deployment.

Leader Board Project: setup project & create HTML template

Leader Board Project: Working whit API and ASYNC & AWAIT functionality

Owner

Mahdi Rezaei

This project contains a leader board for a game which contains players name and list and store them on API build with HTML, CSS, JS and API

JavaScript project for the Leader-board list app, using webpack and ES6 features, notably modules

Leader board application made with JavaScript that fetches an API to keep a record of users' scores.

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.

Use Kanban board with filled-in tasks that have categories and time estimations to assign work in group.

Programing language that compiles to C.

In this project, I implement a Simple To Do List with the CRUD (create, read, update, delete) methods. I followed the JavaScript, CSS, HTML, DRY, KISS and YAGNI Best practices.

In this project, I implement a Simple To Do List with the CRUD (create, read, update, delete) methods. All the elements of the user interface are fully functional.

A simple in-memory key-value cache for function execution, allowing both sync and async operations using the same methods

this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.