project-b1c63d5f

byDoshi Bhavya

You are an expert Full-Stack Software Engineer and Software Architect. Your task is to build a complete, production-ready web application inspired by iLovePDF, but optimized for a lifetime access monetization model. The application will be named "PDFCraft" (or a placeholder name you choose). ### 1. Project Overview & Commercial Model - Core Product: A web-based PDF utility platform providing tools to merge, split, compress, convert, protect, and edit PDF files. - Pricing Model: Instead of a recurring subscription, the platform offers a "Lifetime Access" plan for a one-time payment of 49/- (INR/USD depending on localization, default to local currency symbol). - Growth Engine: To encourage conversions, offer a "Free Tier" with low daily limits (e.g., maximum 2 files processed per day, file size limit of 10MB). Upgrading to the Lifetime Plan removes all limits, increases file size limits to 200MB, and unlocks batch processing. ### 2. Tech Stack Recommendations (Prioritize speed, low hosting costs, and security) - Frontend: Next.js (App Router), Tailwind CSS, Shadcn/ui (for clean, responsive components), and Framer Motion (for smooth drag-and-drop animations). - Backend/PDF Processing: Next.js Server Actions or a lightweight Node.js/Express API. Use robust open-source libraries like 'pdf-lib', 'pdf-parse', 'pdfkit', and 'fluent-ffmpeg' / 'libreoffice-lambda' (if handling office-to-pdf conversions via serverless functions). - Database & Auth: Supabase or Firebase (for rapid deployment of User Authentication, Database to track usage/limits, and File Storage). - Payment Gateway: Razorpay integration (configured initially in Test Mode) to handle the 49/- one-time lifetime payment activation. ### 3. Core Feature Requirements (Phase 1) Implement a clean dashboard with cards for the following essential PDF tools: 1. Merge PDF: Combine multiple PDF files into one in a specified order. 2. Split PDF: Extract specific page ranges or split all pages into separate PDFs. 3. Compress PDF: Reduce file size while optimizing maximum visual quality using adjustable compression levels (Extreme, Recommended, Low). 4. PDF to Word / Word to PDF: Clean layout conversion. 5. Protect PDF: Add a password restriction to a PDF file. ### 4. UI/UX Design System Guidelines - Look and Feel: Minimalist, modern, highly intuitive, and clean. Avoid cluttered sidebars. Use a grid layout for the tools. - Color Palette: Deep professional blues/indigos (#1E3A8A), clean whites, and soft grays (#F3F4F6), with an eye-catching accent color (like an energetic orange or emerald green) exclusively reserved for the "Get Lifetime Access for 49/-" CTA buttons. - Drag & Drop Workspace: When a tool is selected, present a beautiful workspace where users can drag and drop files. Show real-time file upload progress bars, file previews (thumbnails), and clear action buttons ("Merge Now", "Compress Now"). ### 5. Step-by-Step Execution Plan Generate the codebase progressively following these steps: - Step 1: Set up the project structure, layout, custom fonts, Tailwind theme, and a responsive navigation bar that highlights the "Lifetime Access @ 49/-" banner. - Step 2: Create the landing page/dashboard displaying all tool cards with micro-interactions. - Step 3: Implement the User Authentication flow (Sign up/Login) and database schema to keep track of user profiles and their daily free tier usage counts. - Step 4: Build the Frontend Workspace UI for file uploads (supporting multiple files with ordering for the Merge tool). - Step 5: Write the backend server logic / API routes using 'pdf-lib' for the core PDF functions (Merge, Split, Compress, Protect). - Step 6: Create the Razorpay payment integration webhook. Upon a successful webhook event for a payment of 49/-, update the user's status in the database to `is_lifetime_premium = true`. Please begin by generating the project directory structure and the core database schema required to handle the users, their premium status, and daily API usage limits.