A full-stack interactive novel reading experience built with modern web technologies, featuring user authentication, real-time ratings, chapter discussions, and an immersive flipbook interface.

• Desktop: Beautiful flipbook interface with page-turning animations
• Mobile: Optimized scrolling experience with touch-friendly navigation

• Secure authentication via Zoho Catalyst
• User profiles with personalized experience
• Session management and logout functionality

• Rate each chapter (1-5 stars)
• View average ratings and total rating counts
• One rating per user per chapter (enforced)
• Real-time rating updates

• Chapter-specific comment sections
• Real-time comment posting and deletion
• User-specific comment management
• Character count validation (max 1000 characters)

• Smooth page transitions
• Chapter navigation sidebar
• Progress tracking
• Fullscreen mode for immersive reading

• Zoho Cliq notification system for new chapters
• Admin-only access controls
• User management dashboard

• HTML5 - Structure
• CSS3 - Styling with responsive design
• JavaScript (ES6+) - Core functionality
• jQuery - DOM manipulation
• Turn.js - Flipbook effect (desktop)

• Node.js - Runtime
• Express.js - API server
• Zoho Catalyst - Backend services
  • Authentication
  • Database (Datastore)
  • Cloud Functions
  • User Management

1. Chapters - Chapter metadata and ratings
2. Ratings - User rating records
3. Comments - Chapter discussions
4. Users - Email subscriptions

Project/
├── app/
│   ├── index.html           # Desktop interface
│   ├── mobile.html          # Mobile interface
│   ├── main.css            # Desktop styles
│   ├── mobile.css          # Mobile styles
│   ├── main.js             # Core JavaScript
│   ├── bookContent.js      # Chapter content data
│   └── config.js           # Configuration
│
├── functions/
│   └── <projectname>functions/
│       └── index.js        # Backend API endpoints
│
├── .gitignore
├── README.md
└── SETUP.md               # Detailed setup guide
 

1. Browse chapters using the sidebar navigation
2. Rate chapters after reading (1-5 stars)
3. Join discussions by posting comments
4. Track progress through the chapter list

Set in config.js:

BACKEND_URL: Your Catalyst function URL
AUTH_LOGIN_URL: Authentication endpoint
AUTH_SIGNUP_URL: Signup endpoint

Chapters Table

• ROWID (Text) - Chapter ID
• avgRating (Number) - Average rating
• totalNoOfRatings (Number) - Total ratings count

Ratings Table

• user_id (Text) - User identifier
• chapter_id (Text) - Chapter identifier
• rating (Number) - Rating value (1-5)

Comments Table

• chapter_id (Text) - Chapter identifier
• user_id (Text) - User identifier
• user_name (Text) - Display name
• user_email (Text) - User email
• comment_text (Text) - Comment content

// One rating per user per chapter
// Prevents duplicate ratings
// Real-time average calculation

// Chapter-specific discussions
// User can delete own comments
// 1000 character limit
// Timestamp tracking

// Auto-detects device type
// Redirects to appropriate interface
// Touch-optimized controls

1. Browser Storage - localStorage not supported in artifacts (by design)
2. Image Loading - Requires stable internet connection
3. Mobile Landscape - Best viewed in portrait mode
4. Duplicate Ratings - From console ratings can be dupilcated

• Turn.js library for flipbook functionality

For issues and questions:

• Create an issue on GitHub

• PDF export functionality
• Bookmarking system
• Reading progress sync
• Dark mode
• Multilingual support
• Audio narration
• Social sharing features
• System sends Cliq DMs to all subscribed users
• Admin Panel

• Full-stack implementation with authentication
• Real-time features for ratings and comments

Created by Aathithyan Vandhiyan [AKA Aathithyan V L]