This branch is created to make receive and send data to api using async and await methods

Overview

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

Screenshot

Leader-Board

LIVE site

live

Built with

This project uses the following open source packages:

  • HTML
  • CSS
  • node
  • Weback
  • Javascript

Deploy

  • Netlify

Author

GitHub @AkshithaReddy1899

Twitter @Akshitha Reddy

Codepen @Akshitha Reddy

Getting Started

To clone this repo: You need to have git installed in your system.

  • git clone the repo in your terminal by: gh repo clone AkshithaReddy1899/Microverse-Leader-Board

  • run npm install to install the required packages

  • navigate to cd into the folder

  • run npm run build to build the webpack script

  • run npm start to run the webpack sever on your browser

๐Ÿค 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

None

๐Ÿ“ License

This project is MIT licensed.

You might also like...

Ansible template that shows how to create dynamic staging servers with branch-name.host.com

Vagrant + Ansible + Docker Swarm + Trafeik + NGINX template Template repo that creates virtual machines with Docker, Docker Swarm, Traefik, NGINX. It

Oct 15, 2022

Automated testing for single-page applications (SPAs). Small, portable, and easy to use. Click on things, fill in values, await for things exist, etc.

SPA Check Automated testing for single-page applications (SPAs). Small, portable, and easy to use. Click on things, fill in values, await for things e

Dec 23, 2022

A small library that helps you to use await, less.

Await Less A library to help you use await, less. In a world full of prefix awaits (ever heard of postfix await?), constantly having to wrap your expr

Jun 27, 2022

This is a bot for Telegram that can be used to receive webhook notifications from Gitlab. It is built with the Next.js API.

This is a bot for Telegram that can be used to receive webhook notifications from Gitlab. It is built with the Next.js API.

Telegram Bot for Gitlab Webhook ๐Ÿฆ‰ Note This project is still in development. Just relax ๐Ÿ™‚ This is a bot for Telegram that can be used to receive web

Oct 22, 2022

A collection of functions and methods to make it easier for you to create applications.

def-helper A collection of functions and methods to make it easier for you to create applications. Install npm install --save def-helper Usage import

Oct 13, 2022

Elections in Russia, Saint Petersburg, 2021: results, turnout, and commission data. With image charts and brief introduction to election fraud methods used.

Elections in Russia, Saint Petersburg, 2021: results, turnout, and commission data. With image charts and brief introduction to election fraud methods used.

2021 Elections in Saint Petersburg, Russia ๐Ÿ‡ท๐Ÿ‡บ ะŸะตั€ะตะบะปัŽั‡ะธั‚ัŒัั ะฝะฐ ั€ัƒััะบะธะน ๐Ÿ“ˆ Jump to charts ๐Ÿค– Telegram bot In Russia, Saint Petersburg from 17th to 19

Dec 26, 2022

A library with different methods to encode and decode data.

encryption_lib for Deno A library with different methods to encode and decode data. Usage Example: Caesar Cipher import { Caesar } from "https://deno.

Feb 3, 2022

slack-friends Make it easy to send to Slack from your application

slack-friends Make it easy to send to Slack from your application Installation ๐Ÿ’ก npm install slack-friends How to get bot token https://api.slack.com

Aug 23, 2022

Front-end for FireNearby service. View recent fires and sign up to receive alerts: caseymm.github.io/fire-nearby

fire-nearby (firenearby service front-end) This application is composed of three pages: Map of recent fires Sign up form to receive alerts About this

Mar 30, 2022
Comments
  • Peer-to-Peer Review

    Peer-to-Peer Review

    Congratulations on such a great job ๐Ÿ’ฏ.

    • [x] Used best practices.
    • [x] Good use of modules.
    • [x] Layout looks great.
    • [x] Code base looks clean.
    • [x] Nice styling.

    Suggested changes:

    1. We think it would be nice to validate the user input.
    2. We suggest that you only use blank lines to separate large or logical code blocks and remove them from here.
    3. We think it would be nice to use an html template here to make it easy to for other developers to maintain the rendered html.
    opened by AdornChoga 1
  • Peer-to-Peer code review

    Peer-to-Peer code review

    Hi @AkshithaReddy1899 :cactus: Good job on your project. It looks nice and your user interface looks really appealing to the eyes. :100:

    However, there are some issues you need to address in order to make it work better. Please refer to our suggestion below.

    • In order to improve your user experience, please update your display so a user will see their score immediately they add a score instead of having to reload after adding a score to see their scores
    • It could be better to move your title to the left according to the wireframe
    • Your refresh button should not reload the whole page instead it should only call from your API
    • You should try and filter your leader board not to add a bigger number, like give it a maximum number for the score

    Cheers and Happy Coding! Keep up with the great job :pray:

    opened by zieeco 1
  • Api calls

    Api calls

    This PR is created to make API calls

    Things to do

    • Send and receive data from an API
    • Use API documentationn
    • Understand and use JSON
    • Implement Refresh button to receive data from API and parse the JSON
    • Implement Submit button to send data to the API
    opened by AkshithaReddy1899 1
  • Structure

    Structure

    This PR is created to add structure to the Leader board API project

    Things to do

    • Use gitflow.
    • Create an npm project with Webpack.
    • Use Es6 modules, with import and export.
    • No linter errors.
    • Follow best practices for JavaScript.
    opened by AkshithaReddy1899 0
Owner
Akshitha Reddy
Front-end developer.
Akshitha Reddy
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
The leaderboard website displays scores submitted by different players. It also allows you to send and receive data from API. Build with JavaScript, CSS and HTML.

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

Fatima Ezzahra elmenoun 4 Jan 31, 2022
Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Technologies Used React Redux Tailwind CSS Features Admin dashboard User settings and or user dashboard send emails recive emails Connections through

Multi Email 9 Dec 17, 2022
A simple in-memory key-value cache for function execution, allowing both sync and async operations using the same methods

A simple in-memory key-value cache for function execution, allowing both sync and async operations using the same methods. It provides an invalidation mechanism based both on exact string and regex.

cadienvan 10 Dec 15, 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.

Luciano Mammino 96 Dec 20, 2022
A Leaderscore app that send data to an API created from Postman and allow users to save names and scores in a table. Built with JavaScript

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

Anicet Murhula 11 May 16, 2022
ScrapedDuck routinely scrapes LeekDuck.com and pushes the found data to a branch on this repository, for use by other external applications.

ScrapedDuck ScrapedDuck routinely scrapes LeekDuck.com (with permission) and pushes the found data to a branch on this repository, for use by other ex

Anthony 19 Dec 19, 2022
๐Ÿš€ Using top-level await in AWS Lambda with TypeScript, esbuild and Serverless Framework

?? Top-level await in AWS Lamba with TypeScript Articles https://dev.to/oieduardorabelo/top-level-await-in-aws-lamba-with-typescript-1bf0 https://medi

Eduardo Rabelo 17 Nov 23, 2022
โ˜๏ธ Publish your npm package to a GitHub repository branch

git-publish Publish your npm package to a Git branch. Support this project by โญ๏ธ starring and sharing it. Follow me to see what other cool projects I'

hiroki osame 28 Oct 21, 2022