Post by Kavya Ranpara

🏰 Introducing Fiction Fort — My Personal Digital Library, Built from Scratch I've always believed that books deserve more than a dusty shelf — they deserve a home that feels as magical as the stories inside them. So I built one. From scratch. Using pure HTML, CSS & JavaScript. ✨ Fiction Fort is my curated personal library, designed as a fully interactive web experience. It's not just a book list — it's a living reading space — and every pixel of it was hand-coded by me. 📚 What's Inside the Library 📖 5 Curated Shelves — Classic Literature, Sci-Fi & Speculative, Thriller & Mystery, Contemporary & YA, and Romance & Historical Fiction — with 32+ handpicked titles. 🌙 Midnight Shelf — a special section that unlocks only between 10 PM and 5 AM, featuring dark atmospheric reads like Piranesi, The Night Circus & House of Leaves. A live countdown timer shows exactly when it unlocks. 🔍 Live Search — real-time filtering across all books by title, author, or genre with highlighted matches. 🔖 Reading List Panel — save and manage your next reads in a slide-in sidebar. ✅ Reading Streak Tracker — mark books as read, track your current streak and personal best, powered by local Storage. ⚙️ Under the Hood 🎨 Custom CSS variable design system — no framework 📐 Google Fonts — Playfair Display, Lora, Cormorant Garamond 🔄 Infinite auto-scrolling shelves via CSS @keyframes 🖱️ Drag-to-scroll with velocity-based momentum — vanilla JS only 🌧️ Ambient animations — rain, starfields, particles, all dynamically generated ⏰ Time-gated Midnight Mode using JavaScript's Date API 💾 localStorage for reading streak & progress persistence 🔍 Live search with regex match highlighting 📱 Fully responsive with touch support Drop a 📚 if you're a fellow reader or a fellow builder! #HTML #CSS #JavaScript #FrontendDevelopment #WebDesign #BuildingInPublic #FictionFort #Books #CreativeCoding

Video Content