Awesome books: plain JavaScript with objects

Overview

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.

Project Tasks List

• 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 in 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 in the page.
• Make sure that when a user clicks the "Remove" button:
  • The correct book is removed from the collection.
  • The correct book dissapears from the page.
• Make sure that data is preserved in the browser's memory by using localStorage.
• Refactor the code from PR #12
• Use JavaScript classes instead of objects and arrays
• replace add and remove function with class methods to add and remove books.
• Add CSS styles to the application to make it match this wireframe:

DEMO LINK

Live Demo Link

Screenshots

Screenhot

Built With

• HTML
• JavaScript
• CSS

Getting Started

• 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.

Prerequisites

• Internet connection
• A github account

Setup

• Open your GitHub account the repository's link

Install

• copy the repo's link and clone it by writing git clone https://github.com/EngruugbeJimmy/Awesome_books.git on your git bash terminal.
• npm install to install the dependencies

Run tests

• You can check for errors by running linter tests found in the github flows.

Deployment

• Click on 'go live' on your visual studio to view the project live on your local machine.

Authors

👤 ABAH JAMES

• GitHub
• LinkedIn

👤 Engr. Animashaun Fisayo

• GitHub
• Twitter
• LinkedIn
• Website

👤 Oscar Deus

• GitHub
• Twitter
• LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.