Building Web App using Lovable AI

www.cleanistan.lovable.app -- Prompt I gave to AI model to generate prompt for web building using Lovable I am using Lovable AI and Supabase (for backend) to build a simple and easy to use Web App. I have never done any coding before. I am a non-technical person. Here is my app idea: We will make a laundry service app where a customer can come and sign up for the first time, the app should show the services like Shoe cleaning and restoration, dry cleaning, blanket cleaning, wash and iron, pick and drop, sofa cleaning, curtains and carpets cleaning and more. We have monthly subscriptions as well at 144 rs for 20 kg and Rs 750 for 10 kg of laundry. A form should be there so that customer can enquire and we should get the data notified. I want you to support me throughout this conversation. Laundry App prompt: Comprehensive Prompt for Cleanistan Laundry Service Web Application Project Overview Create a professional full-stack laundry service web application for "Cleanistan" - a premium laundry and cleaning service business based in Dehradun, Uttarakhand. The application should serve as both a customer-facing website and a business management platform with user authentication and admin capabilities. Business Information Company Name: Cleani*** Location: Premnagar, Dehradun, Uttarakhand Phone: 95808***** Email: ****@gmail.com Brand Identity: Primary Color: Royal Blue (#4F46E5 / hsl(246, 100%, 59%)) Secondary Color: Gold/Yellow (#FFD700 / hsl(51, 100%, 50%)) Logo: Circular blue background with gold border, featuring "CLEANISTAN" text and a decorative star Core Services (6 Categories) Wash and Iron - Professional washing and crisp ironing for everyday and formal wear Dry Cleaning - Specialized cleaning for delicate fabrics and suits Shoe Cleaning & Restoration - Expert shoe cleaning, polishing, and restoration Sofa Cleaning - Deep cleaning and sanitization for all upholstery types Carpets & Curtains Cleaning - Professional cleaning for home textiles Commercial Laundry - Bulk laundry solutions for businesses and institutions Pricing Structure Monthly Subscription Plans (2 pickups/drops per week): Service Features: Turnaround Time: 3-4 days (Express service available) Free pickup and delivery across Dehradun Professional eco-friendly cleaning products Damage compensation up to 10x laundry charges Technical Requirements Frontend Stack: React 18 with TypeScript Vite for build tooling Tailwind CSS + shadcn/ui components Wouter for routing TanStack Query for state management Responsive design for mobile/desktop Backend Stack: Express.js with TypeScript PostgreSQL database with Drizzle ORM Replit Auth for user authentication Session management with connect-pg-simple Database Schema: Users table (Replit Auth integration) Customer queries table (contact form submissions) Subscriptions table (user subscription management) Sessions table (authentication sessions) Hero section with compelling value proposition Navigation with mobile-responsive menu "Why Choose Cleanistan?" features section highlighting: 3-4 day turnaround with express options Free pickup & delivery Contact form with service selection dropdown Footer with business information and social links User Dashboard (Authenticated): Welcome message with user profile Quick stats: Active orders, Next pickup, Total orders, Subscription status Current subscription details (if active) Quick actions: Schedule pickup, View order history Available services grid with pricing Professional header with logout functionality Authentication Flow: Signup modal collecting user information Integration with Replit Auth for secure login Terms & conditions modal with detailed service policies Session persistence and automatic redirect handling User Experience Features Contact & Lead Generation: Comprehensive contact form with service selection Customer query storage in database Admin dashboard for managing customer inquiries 24-hour response time commitment Phone, email, and address contact methods Subscription Management: Plan comparison with "Most Popular" highlighting Subscription activation and status tracking User dashboard showing current plan details Admin capability to update subscription status Professional Design: Clean, modern interface with Cleanistan branding Consistent blue and gold color scheme throughout High-quality service images from Unsplash Professional typography with Inter font family Smooth transitions and hover effects Mobile-first responsive design Admin Features Customer query management system Mark queries as contacted/resolved Subscription status management User authentication and session handling Secure API endpoints with proper validation Security & Performance Input validation using Zod schemas This application combines modern web development practices with a comprehensive business solution for Cleanistan's laundry service operations, providing both customer acquisition tools and business management capabilities in a single platform.