obibaadoma/leaderboard

In this activity you will set up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. You should develop a first working version of the app following a wireframe, but without styling - just focus on functionality.

🏷️ LeaderBoard

This is the second project in the second module in the Microverse program.
Check the below contents for further details about this project....

📗 Contents

• 🏷️ LeaderBoard
• 📗 Contents
• 📖 Description
• 🛠️ Instructions
• 👥 Authors
• 🔭 Future
• 🤝🏻 Contributions
• ⭐️ Support
• 🙏🏻 Acknowledgements
• 📝 License

📖 Description

This project is about building a book management app. It contains three main files (index.html / style.css / script.js,webpack ). It also includes some config linters for (HTML / CSS3 / JavaScript) in the .github folder.

📌 Live Demo:

• See the project live from here

📌 Tech Stack:

• Page strucutre is built with HTML5
• Styling and alignment built with CSS3
• Interaction and dynamic content built with JavaScript

📌 Key Features:

• Single page app where all content is loaded dynamically
• Three navigation links (list / add / contact)
• Transition effect in content loading
• Active content link is highlighted
• Displays a list of books with title and author values
• Inserts new book with a form input of title and author fields
• Removes any book item with a relevant remove button
• Uses an array of objects for handling books data
• Stores the books array when adding or removing locally

back to top

🛠️ Instructions

You can easily download or fork this repository and work on it immadiately!

📌 Prerequisites:

• No prior requirements needed!

📌 Setup: To get a local copy up and running follow these simple example steps.

Open terminal Change the directory you want put the repo Then run: i. https://obibaadoma.github.io/LeaderBoard/dist/ ii. cd repo-name/

📌 Deployment:

• You can deploy this project by uploading three files (index.html / style.css / script.js) to a live server.

back to top

👥 Authors

📌 Derek:

• GitHub
• Twitter
• LinkedIn

back to top

🔭 Future

Some additional features I may implement in the project:

• Backend and database integration
• Admin panel for content management

back to top

🤝🏻 Contributions

Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.

back to top

⭐️ Support

Like this project? Show your support by starring!

back to top

🙏🏻 Acknowledgements

I thank everyone at Microverse for guiding me through this project.

back to top

📝 License

This project is MIT licensed.

back to top