BookList 📚

This application allows the user to create and manage a list of books. The goal of this project was to practice DOM (Document Object Model) manipulation, event handling, classes, and localStorage in JavaScript.

Link:

• Live app

Technologies

• HTML
• CSS
• JavaScript

Features

• Add a book to the list: title and author
  • Validation for empty input field
  • Message when a book is successfully added
• Delete a book from the list
• Search for books in the list
• Hide the books added
• Store the book list locally (localStorage)

Concepts practiced

• DOM manipulation (create, insert, and remove elements, add/remove/toggle classes)
• DOM traversal
• Event bubbling
• Event delegation
• Events: mouse, keyboard, form, and change
• .preventDefault() method
• localStorage
• Object Oriented Programming (OOP): classes

Useful resources

• JavaScript DOM Tutorial by The Net Ninja

• JavaScript BookList App by Brad Traversy

• Bubbling and capturing - JAVASCRIPT.INFO

• Event delegation - JAVASCRIPT.INFO

---

Made with 💜 by Juliana Chagas