BookNook – Interactive Reading Companion

Overview

BookNook is a web application designed to help users discover, track, and engage with books in a fun and interactive way. The app features a curated book list, reading list management, book-themed puzzles, and reading challenges, all wrapped in a modern, responsive design.

---

Features

• Book Reviews & Recommendations:
  Browse a selection of books with reviews, ratings, genres, and links to read or purchase.

• Personal Reading List:
  Add books to your "To Read" list, track your progress, and mark books as completed.

• Interactive Puzzles:
  Enjoy book-themed puzzles including a Caesar cipher codebreaker, word search, and crossword.

• Reading Challenges & Badges:
  Participate in monthly reading challenges and earn badges for your achievements.

  • View your progress and earned badges.
  • Click "View All Badges" to see a popup with all badges (including incomplete ones).
  • Click a badge in the popup to toggle its completion status with an animated effect.

• Responsive Design:
  Fully responsive layout for desktop and mobile devices.

---

Getting Started

1. Clone or Download the Repository
2. Open index.html in your browser
   All functionality is client-side; no server setup required.

---

Usage

• Browse Books:
  Explore the reviews section for book details and recommendations.

• Manage Your Reading List:

  • Click "Add to List" or "Add to Reading List" to save a book.
  • Use the "My List" tab to view, start reading, update progress, or mark books as completed.

• Solve Puzzles:

  • Access the "Puzzles" section for interactive book-themed games.

• Track Challenges:

  • View your progress in monthly reading challenges and see earned badges.
  • Click "View Details" in the challenge card to open a modal and check off genres read.

---

Technologies Used

• HTML5 – Semantic markup for structure
• CSS3 & Tailwind CSS – Styling and responsive design
• JavaScript – Interactivity and local storage management

---

Deployment

Deployed on Netlify

---

Customization

• Add More Books:
  Update the book cards in index.html and add cover images to the images/ folder.

• Modify Puzzles:
  Edit puzzle logic in js/script.js.

• Change Styles:
  Adjust or extend styles in css/styles.css or via Tailwind classes.

---

Credits

• Book cover images: Used for demonstration purposes.
• Icons: Heroicons
• Fonts: Google Fonts – Share Tech
• Book sources and links:
  • Amazon Books
  • Google Books
  • Open Library
  • Z-Library

---