📗 Table of Contents

• 📗 Table of Contents
• 📖 Leaderboard Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Install
    • Usage
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 Leaderboard Project

This is a project to test the use of APIs and working with JSON data to populate a web page. Created using JavaScript and HTML

🛠 Built With

Tech Stack

This project was built using the following technologies:

HTML

• HTML

CSS

• CSSs

Javascript

• Javascript

Key Features

• Fetch data from an API.
• Render fetched data.
• Update UI based on the store state.

(back to top)

🚀 Live Demo

See Project 🚀

💻 Getting Started

In order to start with this project do as follows:

To get get a local copy up and running, you can follow these simple steps:

Install

Clone the repository to your local machine using the following command:

  git clone https://github.com/microhass/leaderboard.git

Navigate to the project directory:

 cd leaderboard

Install the necessary dependencies by running:

 npm install

Start the local webpack dev server using the command:

  npm start

The website will be live at localhost:8080/. You can now make changes to the project as desired and push them back to the repository using Git.

That's it! With these simple steps, you should be able to get up and running with the Book list project in no time. Happy coding!

Usage

To use this project, simply visit the following link: https://github.com/microhass/leaderboard

• Open the project 🚀 in your web browser.

• Use the provided form to add books to the list.

• To remove a book, click the "Remove" button next to the book entry.

(back to top)

👥 Authors

👤 Hassan Shakur

• GitHub: @hassanShakur
• Twitter: @hassShakur
• LinkedIn: hassanShakur

(back to top)

🔭 Future Features

• Drag & drop functionality.
• Responsive design: The project will be optimized to display properly on different screen sizes, including desktops, tablets, and mobile devices.
• JavaScript interactivity: Some interactive features will be added using JavaScript to enhance the user experience.

(back to top)

🤝 Contributing

If you'd like to contribute to this project, feel free to fork the repository and make changes as you see fit. Please submit a pull request with your changes and I'll review them as soon as possible.

Feel free to check the issues page.

(back to top)

⭐️ Show your support

I am excited to share with you my latest project on Github. As you know, Github is an essential tool for developers to showcase their skills, collaborate with others, and contribute to open-source projects. By supporting my project, you can help me improve my Github workflow skills and learn how to set up HTML & CSS linters.

(back to top)

🙏 Acknowledgments

I would like to thank the Microverse community for their support and guidance throughout this project. Special thanks to my peers and mentors for their constructive feedback and advice.

(back to top)

📝 License

This project is MIT licensed.

(back to top)