- 📖 Overview
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- 📝 License
In this project, we built a basic website that allows users to add/remove books from a list. This was achieved by using JavaScript objects and arrays while using javascript DOM and basic events to dynamically modify the page.
- Implement only a basic UI with plain HTML
- Create a collection that keeps a list of books (hint: you can use an array of objects for that).
- Create a function to add a new book to the collection, with title and author.
- Create a function to remove a book from the collection (hint: you can use the array filter() method).
- Display all books saved in the collection at the top part of the page.
- Make sure that when a user clicks the "Add" button:
- A new book is added to the collection.
- The new book is displayed on the page.
- Make sure that when a user clicks the "Remove" button:
- The correct book is removed from the collection.
- The correct book disappears from the page.
- Make sure that data is preserved in the browser's memory by using localStorage.
- Preserving data with localStorage
- [Optional] Install git bash to your machine to enable you to clone this repo.
- install Visual Studio to be able to host a local live version.
- Install a browser to view the local live version.
To get a local copy up and running follow these simple example steps.
- Open your GitHub account the repository's link
- Internet connection
- A github account
- copy the repo's link and clone it by writing
git clone https://github.com/yosaddis/Awesome-books.git
on your git bash terminal. npm install
to install the dependencies
- You can check for errors by running linter tests found in the github flows.
- Click on 'go live' on your visual studio to view the project live on your local machine.
👤 Yoseph Addisu
👤 Engr. Animashaun Fisayo
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.