A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules

Related tags

Learning resource javascript api webpack html5 rest jest async css3 await
Overview

LEADERBOARD

In this activity I am setting up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I will develop a first working version of the app following a wireframe, but without styling - just focus on functionality. In following activities, I will consume the Leaderboard API using JavaScript async and await and add some styling.

Live Demo

Live Link

SCREENSHOT

screenshot

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack

Getting Started

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

Prerequisites

clone repo: git clone https://github.com/Tobinchilongo/Leaderboard.git

then

  cd leaderboard
  npm install
  npm start

Authors

👤 Tobin Chilongo Jr

🤝 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
  • Leaderboard: Set Up

    Leaderboard: Set Up

    In this PR I am doing the following:

    • In this activity I am setting up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I will develop a first working version of the app following a wireframe, but without styling - just focus on functionality. In the following activities, I will consume the Leaderboard API using JavaScript async and await and add some styling.
    opened by Tobinchilongo 1
  • Final Touches

    Final Touches

    This PR Implements the following:

    • In this activity I finalize the Leaderboard list app, adding the styles needed to make it look great.
    • Make sure that there are no linter errors.
    • Make sure that I use the correct flow Gitflow.
    • Make sure that I professionally documented my work.
    opened by Tobinchilongo 0
  • Implement Fetch & Post Function From The API

    Implement Fetch & Post Function From The API

    This PR is implementing the following:

    • Sending and receiving data from an API.
    • Using API documentation.
    • Understanding and using JSON.
    • Making JavaScript code asynchronous.
    • Read the Leaderboard API documentation to learn how to use this API.
    • Create a new game with the name of your choice by using the API.
    • Implement the "Refresh" button (receiving data from the API and parsing the JSON).
    • Implement the form "Submit" button (sending data to the API).
    • Using async and await JavaScript features to consume the API.
    • No styling is required.
    opened by Tobinchilongo 0
  • Leaderboard: Setup

    Leaderboard: Setup

    In this PR I am implementing the following:

    • In this activity I am setting up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I will develop a first working version of the app following a wireframe, but without styling - just focus on functionality. In following activities, I will consume the Leaderboard API using JavaScript async and await and add some styling.
    opened by Tobinchilongo 0
  • peer-code review

    peer-code review

    Great Job and nice UI. Code base is clean and all is working.

    • form inputs don't have types or text and numbers. It would be nice to fix it because of validations.
    • It would be nice to pure functions put them in separate js files and create directory modules.
    • It would be nice to make Leaderboard sorted so it can show the first biggest number.
    opened by DeVuDeveloper 0
Owner
Tobin
Full-Stack Software Developer | Online Tutor |: JavaScript, Ruby, Rails, React, Redux, | Open to new opportunities
Tobin
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
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
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
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
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
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
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
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
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
In this project, I restructure my previous Awesome books app code. The goal is to practice ES6 syntax and also make the code more organized by using ES6 modules.

Awesome Books In this project, I will restructure my previous Awesome books app code. The goal is to make it more organized by using modules. I will a

Sidney Kaguli 9 Aug 23, 2022
Awesome Books project with ES6 is an application that was built using Vanilla JavaScript with ES6 features like using arrow functions. This application allows you to keep records of your favorite books.

Javascript Project Awesome Books with ES6 Using Javascript to create a simple Awesome Books project. Populating the books list and then removing one b

Ghazanfar Ali 8 Sep 28, 2022
A Single Page Application featuring a medium fidelity wireframe of a to-do-list app that stores tasks that are added and which can be deleted. The tasks can be checked, unchecked or edited. Built mainly with JavaScript and strict ES6 features. Bundled with webpack.

To-Do-List In this "To-Do-List" project, I created the basic structure of a page single page application with HTML, CSS and javascript, using the webp

amon-cofie 6 Oct 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
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 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

JUSTINE IMASIKU 5 Jul 28, 2022