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.

Related tags

Learning resource leaderboard
Overview

Leaderboard Project

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.

Built With

  • HTML5
  • CSS3
  • Sass
  • JavaScript
  • Webpack

Getting Started

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

Prerequisites

You need to have a git installed You need to have a basic knowledge about HTML and CSS

Setup

clone this project (using git clone https://github.com/bizip/leaderboard.git) to your local computer and use telminal to navigate into the parent directory of this project.

Install

Run npm install

Usage

run: npm run dev

Authors

šŸ‘¤ Author1

šŸ¤ 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

šŸ“ License

This project is MIT licensed.

Comments
  • Improve the look and feel of the application

    Improve the look and feel of the application

    What does this PR do?

    • Improve the look and feel of the application, adding the styles of my choice

    Description of Task to be completed

    • All tasks related to deployment are completed

    How should this be manually tested?

    1. Clone this repository and switch to feature-project-startup`
    2. Install all required dependencies npm install
    3. Run npm start
    opened by bizip 0
  • HIT THE APIs

    HIT THE APIs

    What does this PR do?

    • Add a new score
    • Display the list of the names and their corresponding scores
    • Fix the linter errors
    • Add a refresh button

    Description of Task to be completed

    • All tasks related to deployment are completed

    How should this be manually tested?

    1. Clone this repository and switch to feature-project-startup`
    2. Install all required dependencies npm install
    3. Run npm start
    opened by bizip 0
  • Leaderboard: setup project

    Leaderboard: setup project

    What does this PR do?

    • Add all startup files and HTML/CSS UI

    Description of Task to be completed

    All tasks related to deployment are completed How should this be manually tested?

    1. Clone this repository and switch to feature-project-startup`
    2. Install all required dependencies npm install
    3. Run npm run dev
    opened by bizip 0
  • Feature hit api

    Feature hit api

    What does this PR do?

    • Add a new score
    • Display the list of the names and their corresponding scores
    • Fix the linter errors
    • Add a refresh button

    Description of Task to be completed

    • All tasks related to deployment are completed

    How should this be manually tested?

    1. Clone this repository and switch to feature-project-startup`
    2. Install all required dependencies npm install
    3. Run npm start
    opened by bizip 0
  • Hit the apis

    Hit the apis

    What does this PR do?

    • Add GET and POST functionalities by hitting the APIs

    Description of Task to be completed

    All tasks related to deployment are completed How should this be manually tested?

    1. Clone this repository and switch to feature-project-startup`
    2. Install all required dependencies npm install
    3. Run npm run dev
    opened by bizip 0
Owner
bizimungu pascal
Iā€™m a full-stack software developer! (HTML,CSS, and Javascript 'React/Redux' NodeJS) || Open to new opportunities and looking for my next job!
bizimungu pascal
GitHub
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
JavaScript project for the Leader-board list app, using webpack and ES6 features, notably modules

Leaderboard JavaScript project for the Leader-board list app, using webpack and ES6 features, Built With HTML CSS Javascript webpack Getting started t

Banlon Jones 3 Feb 17, 2022
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.

Leaderboard App In this project the leaderboard app allows you to create games and the user can submit their names and scores into the app to keep tra

Erick Hans 5 Oct 26, 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

Leader Board - JavaScript Project Table of contents Overview The challenge Screenshot Links Project Setup commands My process Built with What I learne

Mahdi Rezaei 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
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js

My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp

Richard Chileya 5 Nov 11, 2022
In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Emem Ekpo 7 Sep 9, 2022
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

Samuel Mwape 8 Aug 16, 2022
This branch is created to make receive and send data to api using async and await methods

Microverse-Leader-Board Project from module 2 week 4 This branch is created to make receive and send data to api using async and await methods Screens

Akshitha Reddy 6 Apr 22, 2022
A leaderboard created using Leaderboard API service, Webpack, and Gitflow. The user can add a new score and refresh to see his ranking in the leaderboard.

Leaderboard A leaderboard created using Leaderboard API service, webpack, and gitflow. The user can add a new score and refresh to see his ranking in

ABDUL ALI 13 Dec 26, 2022
The Leaderboard list app using webpack and ES6 features

Leaderboard Game In this activity I set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I consu

Ibrohim Rasulov 13 Sep 16, 2022
Leaderboard list app, using webpack and ES6 features

Leaderbord-project Leaderboard list app, using webpack and ES6 features Built With HTML CSS Javascript Linters Webpack Live Demo N/A Getting Started T

Didier Peran Ganthier 4 Dec 20, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
This is the Microverse Leaderboard project that uses gitflow and features html, CSS, Javascript, ES 6 modules and Webpack

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

Suleiman Olaide 10 Sep 9, 2022
This project is based on the Awesome Books app repo, refactored with ES6 and organized with modules. The purpose of this project is to learn functionality organization using JavaScript modules.

Awesome Books with ES6 and modules A basic app project built with HTML, CSS and JS ES6 to keep track of awesome books. Built With HTML/CSS and JS best

Karla Delgado 10 Aug 27, 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.

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

Samuel Mwape 18 Sep 20, 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
This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H

Mustafa Fahimy 7 Jul 21, 2022
Hi, this is the meditation app made with React Native (for the frontend) and Nest.js (for the backend). It is a simple app that allows you to meditate for a certain amount of time. It is a work in progress, so there are some bugs and some features that are not implemented yet. The app is still in development, so please be patient. You are welcome to contribute to the project.

Meditation App Hi, this is the meditation app made with React Native (for the frontend) and Nest.js (for the backend). It is a simple app that allows

Jay 45 Jan 4, 2023