Skip to content

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.

License

Notifications You must be signed in to change notification settings

yosaddis/Awesome-books

Repository files navigation

Awesome books: plain JavaScript with objects

📗 Table of Contents

📖 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 Objectives

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

🛠 Built With

Tech Stack

Key Features

  • Preserving data with localStorage

🚀 Live Demo

Live Demo Link

Screenshots

Screenhot

💻 Getting Started

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

Setup

  • Open your GitHub account the repository's link

Prerequisites

  • Internet connection
  • A github account

Install

  • 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

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

👤 Yoseph Addisu

👤 Engr. Animashaun Fisayo

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your suppor

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published