Leader Board

📗 Table of Contents

• 📖 About the Project
  • 📷 project screenshot
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Leader Board

This is a project to post/get data to/from API.

You can add your name and score to API.

On clicking refresh data wil be displayed in scoreboard.

🛠 Built With

1. JavaScript ES6
2. Webpack
3. CSS

Tech Stack

HTML 5 , css3, javascript ES6 and webpack

Key Features

1. Adding a new scores and submitting it to an API.
2. Fetching data from the API and displaying on the UI.
3. UI/UX implementation.

(back to top)

🚀 LIVE DEMO

click to see live demo

(back to top)

💻 GETTING STARTED

To get a local copy up and running follow the steps below:

Setup

Open you favourite code editor and type the follwing:

git clone https://github.com/DilsherB/LeaderBoard.git

cd LeaderBoard

(back to top)

Prerequisites

In order to run this project you only need:

• a web-browser

Install

To install this project in your local machine use

npm i

• To build webpack bundle file run the following command:
  npm run build

Usage

• To run the project just type the follwing after above command
  npm start

RUN TEST

To run the project, execute the following command: npm run test

DEPLOYMENT

github pages

👥 Authors

👤 Dilsher Balouch

• GitHub: @Dilsher
• Twitter: @Dilsher
• LinkedIn: @Dilsher

🔭 Future Features

in future I'll add following functionalities:

1. Some backgrounds to make it more attractive
2. Ordering the scores in descending order

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like the project please give it star (⭐️)

(back to top)

🙏 Acknowledgments

I would like to thank Microverse team

(back to top)

📝 License

This project is MIT licensed.