As a user I want to see all scaffold pages (Home, Login, Signup, Welcome, Dashboard Overview, AI Assistant, Settings) styled to match the mock-design pages exactly. This includes applying the icy-book color palette (#EAF6FF background, #FFFFFF surface, #2C3E50 text, #3498DB accent, #AAB7C4 muted), typography, layout structure, and removing any pages not present in the mock designs. This task is independent of all others and must be completed first.

AI 80%

Human 20%

High Priority

2 days

Frontend Developer

As a user I want to use the backend API to browse and filter books by genre, price range, and author. Node.js Express route GET /api/books with query parameters for filters. Static book data (Atomic Habits, Ikigai, The Alchemist, etc.) stored in a JavaScript array as per SRD constraints — no database required. Supports the Catalog and Book Detail pages.

AI 90%

Human 10%

High Priority

1.5 days

Backend Developer

As a user I want to see the Home page featuring the interactive 3D bookshelf animation where hovering over a book shows its title and description, and clicking 'pulls it out' to reveal books in that category. Implement based on the existing Home (v3) JSX design. Background should shift hues subtly based on time of day. Page links to the Catalog page.

Depends on:#1

Waiting for dependencies

AI 85%

Human 15%

High Priority

2 days

Frontend Developer

As a user I want to see the Login page styled according to Login (v2) JSX design. The page should allow users and admins to sign in, with navigation to the appropriate dashboard (Admin Dashboard or Home/Catalog for General Users). Uses the icy-book color palette.

Depends on:#1

Waiting for dependencies

AI 85%

Human 15%

High Priority

1 day

Frontend Developer

As a user I want to browse books on the Catalog page with genre, price range, and author name filters. Implement based on Catalog (v2) JSX design. Page displays book images, titles, authors, and prices in INR. Users can apply filters to narrow results. Links to Book Detail page. Receives data from Books API.

Depends on:#10#1

Waiting for dependencies

AI 85%

Human 15%

High Priority

2 days

Frontend Developer

As a user I want to use the backend API to add books to cart, remove items, and receive real-time notifications. Node.js Express routes: POST /api/cart (add), DELETE /api/cart/:bookId (remove), GET /api/cart (view). Socket.IO integration broadcasts 'cartUpdateNotification' events to all connected clients when cart is updated. Supports Book Detail, Cart, and Checkout pages.

Depends on:#10

Waiting for dependencies

AI 88%

Human 12%

High Priority

2 days

Backend Developer

As an admin I want to use the backend API to add, edit, and remove book listings from the catalog. Node.js Express routes: POST /api/books (add), PUT /api/books/:id (edit), DELETE /api/books/:id (remove). Supports Admin Dashboard catalog management flow.

Depends on:#10

Waiting for dependencies

AI 88%

Human 12%

Medium Priority

1.5 days

Backend Developer

As a user I want to see a Book Detail page showing full book information (title, author, genre, price in INR, cover image) and an Add to Cart button. Implement based on Book Detail (v1) JSX design. Page is reached from Catalog and links to the Cart page. Integrates with Cart API for real-time add-to-cart via Socket.IO.

Depends on:#11#10#1

Waiting for dependencies

AI 85%

Human 15%

High Priority

1.5 days

Frontend Developer

As a user I want to view and manage my shopping cart on the Cart page. Implement based on Cart (v1) JSX design. Displays all added books with quantities and prices in INR. Users can remove items. Real-time updates via Socket.IO notify when items are added. Links to Checkout page.

Depends on:#11#1

Waiting for dependencies

AI 85%

Human 15%

High Priority

1.5 days

Frontend Developer

As an admin I want to see the Dashboard overview page after login, built from Dashboard (v1) JSX design. Displays summary stats and navigation to Catalog management and Transactions monitoring. Links to Add Book, Edit Book, and Transactions pages.

Depends on:#3#1

Waiting for dependencies

AI 85%

Human 15%

Medium Priority

1.5 days

Frontend Developer

As an admin I want to use the backend API to monitor all orders and transactions. Node.js Express route GET /api/transactions returns order history. POST /api/checkout processes a purchase and records the transaction. Supports the Checkout and Transactions pages.

Depends on:#11

Waiting for dependencies

AI 88%

Human 12%

Medium Priority

1.5 days

Backend Developer

As a user I want to complete my book purchase on the Checkout page. Implement based on Checkout (v1) JSX design. Displays order summary with prices in INR, and handles purchase submission. Page is reached from the Cart and confirms the order after completion.

Depends on:#6#1#11

Waiting for dependencies

AI 85%

Human 15%

High Priority

1.5 days

Frontend Developer

As an admin I want to monitor all orders and transactions on the Transactions page, built from Transactions (v1) JSX design. Displays order history with user, book, and payment details. Accessible from the Admin Dashboard.

Depends on:#12#1#8

Waiting for dependencies

AI 85%

Human 15%

Medium Priority

1.5 days

Frontend Developer

As an admin I want to add, edit, and remove book listings through the Admin Catalog UI on the Dashboard. Includes forms for adding a new book and inline editing/removal of existing books. Accessible from the Admin Dashboard page. Integrates with Admin Catalog API.

Depends on:#13#8#1

Waiting for dependencies

AI 82%

Human 18%

Medium Priority

1.5 days

Frontend Developer