Book Keeper | ZTM JS Web Projects Course

Project 10/20

📚 Book Keeper App is a simple and stylish web application that allows users to save, view, and delete their favorite websites. Featuring a custom modal form, favicon previews, and persistent storage using localStorage, it's a great project to practice full DOM control and UI feedback. Built as part of the ZTM JavaScript Web Projects Course.

---

📚 Table of Contents

• 🔎 Overview
  • 📸 Screenshot
  • 🔗 Links
  • 📌 Features
  • 🛠️ Built with
• 🧠 My process
  • 🗃️ Useful resources
  • 🔙 Previous Project
  • 🔜 Next Project
• 👤 Author
  • 🌐 Connect with Me
  • 💻 Coding Profiles

---

🔎 Overview

📸 Screenshot

🔗 Links

• 🔴 Live Demo
• 🗂️ GitHub Repository

📌 Features

• ✅ Add custom bookmarks with name and URL
• ✅ Input validation using regular expressions
• ✅ Auto-corrects missing "https://" in URLs
• ✅ Clean modal popup with focus input behavior
• ✅ Bookmark entries display with favicon and link
• ✅ One-click deletion for saved bookmarks
• ✅ Stores bookmarks in localStorage for persistence
• ✅ Responsive design with mobile support

🛠️ Built with

• HTML5
• CSS3
• Vanilla JavaScript

---

🧠 My Process

🗃️ Useful resources

• Hero Patterns
• FontAwesome Icons
• Google Fonts
• RegEx Playground Tool
• W3Schools - Vertical Align Objects
• W3Schools - Prevent Default
• MDN - Label
• MDN - Ternary Operator
• MDN - Submit Event
• MDN - Regular Expressions
• MDN - localStorage
• MDN - JSON Stringify
• MDN - JSON Parse
• MDN - Array Splice

🔙 Previous Project

• Custom Countdown | Project 9/20 → View Repository

🔜 Next Project

• Video Player | Project 11/20 → View Repository

---

👤 Author

🌐 Connect with Me

• Instagram
• YouTube

💻 Coding Profiles

• freeCodeCamp
• FrontendMentor
• GitHub

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀