/Leaderboard

In this repo, I set up a JavaScript project for the Leaderboard list app, using webpack and ES6. I developed the app following a wireframe, and consumed the Leaderboard API using JavaScript async and await.

Primary LanguageHTMLMIT LicenseMIT

LEADERBOARD

📗 Table of Contents

📖 BOOKSTORE

BOOKSTORE is a website that 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. using webpack and ES6. I developed the app following a wireframe.

🛠 Built With

  • HTML
  • CSS
  • Javascript (ES6)
  • Webpack
  • REST API

Tech Stack

  • GitHub
  • Visual Studio Code
  • GitBash
  • Webpack
Live Link

Key Features

  • Displays a board of scores
  • Adds new score(s) to the board
  • Removes score(s) from the board

Live Demo

  • Feel free to check the Live demo here

App Screenshot

Screenshot (45)

(back to top)

💻 Getting Started

Steps

  • To clone the project select the desired directory in cmd and run: git@github.com:demix007/Leaderboard.git
  • Install node.js, Install NPM linters for HTML/CSS/JS: https://github.com/microverseinc/linters-config
  • To check the live preview: open the index.html file in the build folder with a live server
  • For StyLint test, run: npx stylelint "**/*.{css,scss}"
  • For WebHint test, run: npx hint .
  • For EsLint test, run: npx eslint .

Prerequisites

  • Have basic level knowledge about HTML/CSS/JS/ES6
  • Have basic level knowledge about linters/Webpack
  • Have basic level knowledge about the working of website

Author

👤 Ayodeji Abidemi

  • GitHub: demix007
  • Twitter: dat_dope_demix
  • LinkedIn: ayodeji-abidemi

🤝 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

  • I would like to thank Microverse for the templates and insights

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)