DannieMo/Leaderboard-webpack-app

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 App

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

LeaderBoard App

The leaderboard website is a javascript, HTML, and css project that displays scores submitted by different players. All data is preserved thanks to the external Leaderboard API service.

---

🛠 Built With

Tech Stack

• HTML5
• CSS
• Javascript ES6
• Webpack

Key Features

• Add user name
• Add user score
• Submit user score
• Refresh Scores

(back to top)

Learning Objectives

• Send and receive data from an API.
• Use API documentation.
• Understand and use JSON.
• Make JavaScript code asynchronous.
• Practice of all the knowledge i learned in this module.

Future Features

• Navigation bar

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

  npm install
  npm run build
  npm run watch
  npm start

Setup

Clone this repository to your desired folder:

Run the commands:

  cd my-folder
  git clone https://github.com/DannieMo/Leaderboard-webpack-app.git

Install

Install this project with:

  cd my-folder
  node version 14/16

Usage

To run the project, execute the following command:

  npm install
  npm run build
  npm start

Deployment

You can deploy this project using:

• GitHub Pages
• Netlify
• Heroku

(back to top)

Authors

👤 Daniel Majesty Owiri (Dannie)

• GitHub: @dannieMo
• LinkedIn: Daniel Majesty Owiri
• Twitter: @MajestyOwiri

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project...

Give a ⭐️ if you like my effort!

(back to top)

🙏 Acknowledgments

I would like to thank the whole Microverse community for their help and contributions towards this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)