snowy-books

byGanesh Patil

Create a modern, mobile-friendly digital product selling website for kids story books. App Name: Kids Story Book Store Core Features: * Display a collection of kids story books using data from the provided PDF (title, description, price, cover image) * Each product represents a downloadable story book in PDF format * Show preview of each book (cover + sample pages if available) * Add "Buy Now" button for each book Payment Integration: * Integrate Razorpay payment gateway * On clicking "Buy Now", open Razorpay checkout * After successful payment: * Automatically unlock the PDF download * Redirect user to a secure download page * Handle payment failure with retry option Digital Delivery: * PDF should NOT be directly accessible without payment * Generate secure, temporary download link after payment * Allow user to download PDF only after successful payment * Optional: show “Download Available for Limited Time” UI/UX Design: * Bright, colorful, kid-friendly design * Smooth animations and transitions * Rounded buttons with outline and click animation * Attractive fonts and illustrations * Fully responsive (mobile-first design) Pages: 1. Home Page (list of all story books) 2. Book Detail Page (preview + description + buy button) 3. Checkout (Razorpay integration) 4. Success Page (secure PDF download) 5. Failed Payment Page Technical Requirements: * Use HTML, CSS, JavaScript in a single file * Use placeholder/demo Razorpay key if real key is not available * Simulate backend logic if needed (for demo) * Add loading animations for payment and download Extra Features: * Search and filter story books * Category section (Moral Stories, Bedtime Stories, etc.) * Recently added books section * Download history (demo) * Email confirmation after purchase (optional demo) Important Instructions: * Use the uploaded PDF to auto-populate book details and pricing * Use sample PDF files as placeholders if needed * Ensure clean, modern, and professional UI * Make the app fully functional with working demo logic * Focus on smooth user experience and real-world usability