[WIP] Add book of the day feature to LitYeah

[Copilot]

• Set up Next.js app with Tailwind CSS and TypeScript
• Create book data (Frankenstein, Pride and Prejudice, Alice in Wonderland) with all required metadata
• Build homepage with animated visual book stack
• Build individual book pages with full feature content (hook, themes, author background, etc.)
• Implement public domain full text reader
• Add daily reading challenge (5 min) with shareable text
• Add reading log / reflection space (localStorage)
• Add Amazon affiliate link placeholder and related products carousel
• Add related books section
• Ensure mobile-friendly layout and smooth scrolling
• Run code review and security checks

Original prompt

Build a modern web app called LitYeah, a daily literary discovery platform that celebrates great books and encourages people to read a little every day.
The core concept is simple: one book is featured each day and added to a growing visual stack of books. The stack represents a living archive of literature. Every day a new book is added to the top, and users can explore the stack to discover past titles.
The homepage should feature a visual stack of books that grows over time, with the top book being the current Book of the Day. When users arrive, the interface should create anticipation — for example the view can animate upward through the stack until it reaches the newest book.
Users can click any book to open its feature page.
Each book page should be a scrollable experience that blends discovery, context, and reading. It should include:
One-sentence hook, displayed/presented magically.
Basic information:
Title and author

Year first published

Estimated reading time and page count

Feature content (mostly spoiler-free):
Why this book matters

Major themes and ideas

Author background

Historical and cultural context

Reception then vs now

Modern cultural impact

A powerful quote from the book

Reading experience notes (tone, style, difficulty)

A fun fact about the book

Reading features:
Ability to read the full text directly in the site for public-domain works

Engagement features:
A simple daily reading challenge encouraging users to read for five minutes

Shareable text such as: “I read ____ for five minutes today.”

A lightweight reading log or reflection space, stored locally for now

Commerce and discovery:
Amazon affiliate link to buy the book (create the frame for this, but we will wire it in later)

Carousel of related products such as adaptations, graphic novels, or collectibles

Related works or similar books

The platform should start with classic public-domain literature:
Frankenstein
Pride and Prejudice
Alice and wonderland
Design priorities:
Elegant typography optimized for reading

Smooth scrolling and immersive storytelling

Mobile-friendly layout

Fast loading pages

Strong visual identity built around the growing stack of books

The result should feel like a modern digital library and daily ritual for book lovers, encouraging curiosity, reflection, and consistent reading.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.