Leaderboard App for the great game "Duel of Fates".

Related tags

Learning resource javascript webpack html5 css3 es6-modules
Overview

HTML5 CSS3 JavaScript

To Do List ⚙️

This is a leaderboard App to practice Javascript, API implementation and Webpack deployment.

Live Demo ⚙️

  • GitHub Pages: DEMO

Tech ⌘⇧

  • HTML & CSS best practices: Correct use of tags, elements, properties and syntax.
  • Gitflow: Correct use of Branches for deployment and features development.
  • Webpack: Source development for production bundling.
  • Linters Check: Local and Pull Request Github workflows to check for stylistic errors, bugs and syntax errors in code.

Author ✍🏼

👤 Raul A Ospina 🧑🏻‍💻

Project Milestones

  • Milestone 0 - Project setup (4h) ✅
  • Milestone 1 - Hit the API (4h)
  • Milestone 2 - App styling (3h)

Show your support 🦾

  • Give a ⭐️ if you like this project!

License 📝

  • This project is MIT licensed.
You might also like...

PAC-MAN Leaderboard includes the Leaderboard API. You can add your name and score, and see other player's scores.

PAC-MAN Leaderboard includes the Leaderboard API. You can add your name and score, and see other player's scores.

Oct 26, 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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

Apr 8, 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

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.

Leaderboard- DESCRIPTION The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is

Jun 16, 2022

It's a simple Leaderboard with the functionality to add and view leaderboard with API calls

It's a simple Leaderboard with the functionality to add and view leaderboard with API calls. This project follows GitFlow instead of GitHub flow and it's built with JavaScript, CSS and HTML.

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

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

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

Leaderboard App 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites In

Mar 21, 2023

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.

Leaderboard 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites Instal

Mar 20, 2023

The leaderboard web app displays the top scoring player on the fictional game of life.

The leaderboard web app displays the top scoring player on the fictional game of life.

Leaderboard is website that displays the scores submitted by all players. It also allows the current user to submit his/her score. All data is preserved thanks to the external Leaderboard API service.

Nov 23, 2022
Comments
  • Leaderboard: final touches

    Leaderboard: final touches

    Styles and notifications improvements ⚔️

    • Added emojis as decorations. 💎💎💎
    • Added function to sort scores in descending order. ✅
    • Added index numbers to each score. 🪙🪙🪙
    • Added loading notification while the scores load from API. ✅
    opened by raminka13 0
  • Leaderboard: hit the API

    Leaderboard: hit the API

    API implementation

    • Created a new game with the name of 'Duel of Fates' by using the API.
    • Implemented the "Refresh" button parsing data from the API.
    • Implemented the form Submit button posting data to the API.
    • Extra: Implemented an alert method to deliver information in the UI.
    opened by raminka13 0
  • Leaderboard: Setup project.

    Leaderboard: Setup project.

    Webpack setup and basic app 🚧 🛠

    • Gitflow: Main branch is clean, develop branch is default, working on feature branch from develop. 🌳
    • Added webpack basic setup. ✅
    • Added template.html with basic app structure. 🏗
    • Added styles.css with basic styling. 🧩
    • Added Javascript files as modules with basic functions. ⌘
    • For this release all scores are stored in localStorage. 💾

    Next release: replace localStorage with external API

    opened by raminka13 0
  • Peer to peer code review: Morning session #4

    Peer to peer code review: Morning session #4

    Hi friend! @raminka13 :wave:

    Great news! Your project is awesome :star_struck: and ready to make you shine :gem: as a future Full Stack developer :man_technologist:!

    Nothing else to say rather than it's time to celebrate! :tada: :partying_face:

    opened by karlavdelgadof 0
Owner
Raul Ospina
Full-Stack Developer. HTML5, CSS3, JavaScript, Webpack. Available to hire!!!
Raul Ospina
GitHub
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
Webpage for a leaderboard list app that uses the Leaderboard api to store the highscores for a game

Leaderboard This Webpage is for a leaderboard list app that uses the Leaderboard api to store the highscores for a game. This is one of my first exper

Zeeshan Haider 7 Mar 12, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

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

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
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
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

Toussaint Saraza 7 Jun 20, 2022
The Leaderboard App displays scores submitted by different players, allows you to submit your score and all data is preserved in the Leaderboard API service.

Leaderboard The Leaderboard App displays scores submitted by different players, allows you to submit your score and all data is preserved in the Leade

Jonathan Kayizzi 6 Nov 9, 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.

Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha

Jihane Haddad 5 Feb 10, 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