A cinematic reading platform that combines Netflix's visual appeal with Letterboxd's social features to make reading feel joyful and engaging.
- Hero Banner: Featured books with cinematic presentation
- Horizontal Scrolling: Netflix-style book rows by category and mood
- Dark Theme: Immersive reading-focused design
- Smooth Animations: Framer Motion powered transitions
- 5-Star Rating System: Rate and review books
- Reading Diary: Track reading dates and personal notes
- Mood Tagging: Tag books with emotions (Dark, Hopeful, Emotional, etc.)
- Reading History: Timeline view of completed books
- Trending Books: Popular and new releases
- Category Browsing: Fiction, Mystery, Romance, Sci-Fi, Fantasy, and more
- Mood-Based Recommendations: Books that match your current feeling
- Comic Hub: Dedicated section for comics, manga, and graphic novels
- Bucket List: Want to Read, Currently Reading, Completed
- Progress Tracking: Visual indicators for reading status
- User Profiles: Reading stats, streaks, and achievements
- Frontend: React 18 with Hooks and Context API
- Styling: Custom CSS with Netflix-inspired design system
- Animations: Framer Motion for smooth transitions
- API: Google Books API for real book data
- Routing: React Router v6
- Storage: LocalStorage for MVP user data
- Authentication: Simple email-based system
- Splash Screen - Animated BookFlix branding
- Authentication - Login/Register with genre preferences
- Home - Hero banner + categorized book rows
- Categories - Browse books by genre
- Comic Hub - Comics, manga, and graphic novels
- Book Detail - Complete book information and actions
- Review/Diary - Write reviews with mood tags
- Bucket List - Personal reading list management
- Reading History - Timeline of completed books
- Profile - User statistics and settings
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd bookflix- Install dependencies:
npm install- Start the development server:
npm start- Open http://localhost:3000 in your browser
- Register with your email and select favorite genres
- Browse trending books and categories
- Add books to your reading list
- Start reading and track your progress
- Add to List: Click the "+" button on any book card
- Change Status: Update books from Planned → Reading → Completed
- Write Reviews: Rate books and add mood tags
- Browse Comics: Visit the Comic Hub for superhero and manga content
- Track Progress: View your reading history and statistics
BookFlix treats books like cinema - visual, emotional, and social. The platform is designed to:
- Make reading feel as engaging as watching Netflix
- Provide social features similar to Letterboxd for movies
- Remove boredom from reading through gamification
- Create a cinematic, joyful reading experience
- Fiction & Literature
- Mystery & Thriller
- Romance
- Science Fiction
- Fantasy
- Historical Fiction
- Biography
- Self-Help
- Business
- Health & Fitness
- Cooking
- Travel
- Superhero Comics
- Marvel Universe
- DC Comics
- Manga
- Dark Horse Comics
- Image Comics
- Graphic Novels
- Webcomics
- Audiobooks Integration
- AI-Generated Book Trailers
- Reading Clubs & Social Rooms
- Author Live Sessions
- Advanced Recommendation Engine
- Mobile App (React Native)
- Social Following System
- Book Challenges & Goals
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Google Books API for providing book data
- Netflix for UI/UX inspiration
- Letterboxd for social features inspiration
- Framer Motion for smooth animations
- React Community for excellent documentation
BookFlix - Making reading as addictive as binge-watching! 📚✨