/my-library

A project for The Odin Project JavaScript course.

Primary LanguageJavaScriptMIT LicenseMIT

Interactive Library

An interactive virtual library built with HTML, CSS, and JS. This project allows users to manage a collection of books with a visually appealing bookshelf interface.

Features

  • Display books as colorful spines on virtual bookshelves
  • Add new books with title, author, page count, and read status
  • Interactive book selection with animated "taking off the shelf" effect
  • View detailed book information in an animated book opening display
  • Toggle read status for each book
  • Remove books from the library
  • Responsive design for various screen sizes
  • Client-side validation using JS when adding new books

Usage

  • Click the "NEW BOOK" button to add a new book to your library.
  • Click on any book spine to view its details.
  • Use the buttons in the book details view to toggle read status or remove the book.
  • Close the book details by clicking the close button or anywhere outside the book.

Browser Support

This application should work in all modern browsers that support CSS3 and ES6+ JavaScript features.