MoodShelf

[anoushka1405]

Mini Instagram-style feature for book lovers to share moods, quotes, and thoughts based on their current reads.
This is a standalone feature but will integrate with ReadShelf.

---

🛠️ MVP Issues

1. User Authentication

• Set up user login (Google or email/password)
• Create user profile schema (name, profile picture, bio)

---

2. Create Post

• Design “Create Post” UI (form with quote, mood, image, book name)
• Allow optional image upload (book cover or shelf aesthetic)
• Add mood selector (dropdown or emoji picker)
• Link to book in user's shelf (if available)

---

3. Post Feed

• Design public feed layout (cards with image, quote, mood)
• Show author, date, mood, and book title on each post
• Enable feed filtering by mood (e.g., #hopeful, #dark, #funny)

---

4. Interactions

• Add like button (toggleable)
• Add basic comment system
• Optional: implement share feature (copy post link)

---

5. User Profile View

• Create public user profile route (/user/:username)
• Show their MoodShelf posts in grid or list view

---

6. Backend Integration

• Set up Firestore or Supabase for posts and profiles
• Use Firebase Storage or Cloudinary for images
• Store posts with fields: userId, quote, mood, book, imageUrl, timestamp

---

7. Mood-Based Explore Page

• Create “Explore” section with mood filters
• Display “Read this when you feel ___” style posts

---

8. Integration with ReadShelf

• Connect posts to books already present in user's ReadShelf
• Optionally auto-fill book name when creating a post

---

9. Styling and UX

• Add loading and error states
• Make design responsive and mobile-friendly
• Add empty states (no posts, no likes, etc.)

---

10. Deployment

• Deploy standalone MoodShelf frontend
• Prepare to merge/embed into ReadShelf as a new section

---

🌱 Future Ideas (Post-MVP)

• Save posts to favorites
• Follow users
• Private vs public shelf mode
• Weekly MoodShelf digests (email)