Skip to content

Latest commit

 

History

History
135 lines (91 loc) · 4.38 KB

README.md

File metadata and controls

135 lines (91 loc) · 4.38 KB
Raw

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.