Lovable Prompt Library

Create a modern landing page for a SaaS project management app called "TaskFlow".

Requirements:
- Header with logo, navigation (Features, Pricing, Contact) and a "Start Free" CTA button
- Hero section with a punchy headline, descriptive subheading, email form and a product screenshot
- Features section with 6 main features (each with icon, title and description)
- Testimonials section with 3 customer reviews
- Pricing section with 3 plans (Free, Pro, Enterprise)
- FAQ section with 5 frequently asked questions
- Footer with social and legal links

Visual style:
- Colour palette: blue (#0066FF) as primary, white and greys
- Clean, spacious layout, glassmorphism style
- Smooth animations on scroll
- Fully responsive for mobile and desktop

Design a landing page to promote a meditation mobile app called "MindfulMe".

Structure:
- Transparent navbar with logo and a "Download App" button
- Hero with headline, description, App Store and Google Play buttons, and a phone mockup
- "How it works" section with 3 illustrated steps
- Gallery of app screenshots (4-5 screens)
- Benefits section with 4 cards
- Final call-to-action with app download
- Minimal footer

Design:
- Colours: mint green (#7FFFD4), white, pastel tones
- Calming, zen style with soft illustrations
- Elegant, legible typography
- Mobile-first design

Create a high-impact landing page for an innovative tech product: AI headphones called "SoundMind Pro".

Standout features:
- Hero section with a looping background video (placeholder) showing the product
- Dark overlay on the video with a bold headline and a prominent CTA
- Technical specifications section in a 2x3 grid
- Comparison table against competitors
- Interactive product gallery (different angles and colours)
- Technology section with reveal animations
- Pre-order form with colour and quantity selectors
- Social proof: animated "100k+ pre-orders" counter

Style:
- Dark mode by default
- Gold accents (#FFD700)
- Futuristic, modern typography
- Parallax scrolling effects
- Elegant entrance animations

Build a simple analytics dashboard to visualise metrics for an online store.

Components needed:
- Navigation sidebar with menu (Dashboard, Sales, Products, Customers, Settings)
- Header with title, search and user profile
- 4 main KPI cards: Total Sales, Orders, New Customers, Conversion Rate
- Line chart showing sales over the last 7 days
- Table of the last 5 orders with: ID, Customer, Product, Amount, Status
- List of the top 5 best-selling products

Specifications:
- Layout: fixed sidebar + main content area
- Colours: dark sidebar, light content background
- Cards with icons and colour variation per metric
- Charts with Recharts or similar
- Responsive: on mobile the sidebar hides and opens with a hamburger

Create a CRM dashboard for lead management with a Kanban view.

Functionality:
- Top bar with global search, notifications and user avatar
- Sidebar with sections: Dashboard, Leads, Contacts, Deals, Tasks, Reports
- Main view with 4 Kanban columns: New Leads, Contacted, Qualified, Closed
- Each lead card should show: name, company, estimated value, date, tags
- Drag & drop between columns (simulate the behaviour)
- "+ Add Lead" button that opens a creation modal
- Filters by: date, value, assigned to, status
- Mini stats at the top of each column (e.g. "12 leads - $45k")

Design:
- Professional corporate style
- Colours: dark blue sidebar, light backgrounds, green accents for success
- Cards with subtle shadows and hover effects
- Colour indicators by priority (red, amber, green)

Develop a complete financial dashboard for tracking investments and a portfolio.

Main sections:
1. Header: Total Portfolio Value (large figure), Today's P&L (green/red), Quick Actions buttons
2. Portfolio Overview: pie chart of asset allocation + list of holdings with % change
3. Performance Chart: combined line chart showing portfolio vs S&P 500 (last 30 days)
4. Recent Transactions: table with the last 10 transactions (date, type, asset, quantity, price)
5. Market Movers: cards of the day's top gainers/losers
6. News Feed: list of the latest relevant financial news

Advanced features:
- Date range selector (7D, 1M, 3M, 1Y, All)
- Multiple chart types: line, area, candlestick
- Real-time updating numbers (simulated with animations)
- Export to PDF button
- Dark/Light mode toggle

Style:
- Theme: professional dark mode (black, greys, green/red accents for gains/losses)
- Numbers and charts with counter animations
- Informative tooltips on charts
- Typography: monospace for numbers, sans-serif for text

Create a complete authentication system with login and signup pages.

Login page:
- Form with email and password
- "Remember me" checkbox
- "Forgot your password?" link
- Submit button
- Sign in with Google and GitHub (buttons with icons)
- Link to "No account yet? Sign up"

Signup page:
- Form with: full name, email, password, confirm password
- Visual validation (green checkmarks when a field is valid)
- Password requirements shown (min 8 characters, 1 uppercase, 1 number)
- Checkbox to accept terms and conditions
- Submit button
- Sign up with Google and GitHub
- Link to "Already have an account? Sign in"

Design:
- Layout: split screen - form on the left, image/illustration on the right
- Colours: purple (#8B5CF6) as the accent
- Glassmorphism on the form cards
- Smooth animations when switching between login and signup
- Responsive: on mobile show only the form, no side image

Implement a complete password recovery flow in 3 steps.

Step 1 - Request reset:
- Email input
- Explanatory text about the process
- "Send recovery link" button
- Success message after sending

Step 2 - Email sent (confirmation page):
- Illustration of a sent email
- Message: "We've sent an email to [email]"
- Instructions: "Check your inbox and click the link"
- "Resend email" button (with a 60-second cooldown)
- Link back to login

Step 3 - New password:
- 2 inputs: new password and confirm
- Password strength indicator (weak/medium/strong)
- Requirements list with checkmarks
- "Reset password" button
- Automatic redirect to login on success

Features:
- Progress indicator showing the 3 steps
- Real-time validation
- Loading states on buttons
- Error handling (email not found, expired link, etc.)

Design a 4-step onboarding flow to complete a profile after signup.

Step 1 - Welcome:
- Personalised welcome message using the user's name
- Brief explanation of the process (4 steps, 2 minutes)
- Eye-catching illustration
- "Get started" button
- "Skip for now" option (saves progress)

Step 2 - Personal information:
- Avatar upload with preview
- Inputs: full name, username, phone, date of birth
- "Back" and "Next" buttons

Step 3 - Preferences:
- Multi-select interests (selectable chips)
- Timezone dropdown
- Notification toggles (email, push, SMS)
- Update frequency (daily, weekly, never)

Step 4 - Setup complete:
- Summary of the information entered
- Success illustration
- "Go to Dashboard" button
- Confetti animation on completion

Technical requirements:
- Progress bar at the top showing 1/4, 2/4, etc.
- Navigation between steps (next/prev)
- Automatic progress saving
- Per-step validation before advancing
- Transition animations between steps
- Responsive and mobile-friendly

Create a product catalogue page for an online clothing store.

Components:
- Header: breadcrumb (Home > Clothing > T-shirts)
- Sidebar with filters:
  * Categories (T-shirts, Trousers, Shoes, Accessories)
  * Price range (slider from $0 to $200)
  * Sizes (XS, S, M, L, XL, XXL)
  * Colours (colour swatches)
  * Rating (stars)
- Main area:
  * Top bar with: result count, grid/list view toggle, sort by (Featured, Price low-high, Newest)
  * Product grid (4 columns on desktop, 2 on tablet, 1 on mobile)
  * Each product card: image, name, price, rating, "Add to Cart" button, quick view icon
- Pagination at the bottom

Interactions:
- Hovering a product card shows a second image
- Applying filters updates the grid
- Toggle between grid and list view
- Add to cart shows a toast notification

Develop a complete product detail page for a tech product (e.g. a laptop).

Top section:
- Image gallery: side thumbnails + main image (zoom on hover)
- Right panel:
  * Product name and SKU
  * Star rating and review count
  * Price (show the discount if any)
  * Variant selectors (colour, storage, RAM)
  * Stock indicator ("Only 3 left")
  * Quantity selector
  * Buttons: "Add to Cart" (primary), "Add to Wishlist" (secondary)
  * Benefits list: free shipping, warranty, returns

Information tabs:
- Description: long formatted text
- Specifications: technical spec table
- Reviews: review list with rating filters
- Q&A: questions and answers

Bottom section:
- "You May Also Like": carousel of related products
- "Recently Viewed": last viewed products

Features:
- Sticky "Add to Cart" button on mobile while scrolling
- Image zoom modal on click
- Review form with a rating selector
- Share buttons (social media)

Implement a complete 3-step checkout flow with a shopping cart.

Shopping cart (sidebar or page):
- Item list with: image, name, variants, price, quantity selector, remove button
- Per-item subtotal
- Summary: Subtotal, Shipping, Tax, Total
- Coupon/promo code input
- "Proceed to Checkout" button
- "Continue Shopping" link
- Related product suggestions

Checkout step 1 - Shipping:
- Address form: first name, last name, address, city, state, zip, country, phone
- "Billing address is the same" checkbox
- Save address for later
- Shipping options (Standard, Express, Overnight) with prices

Checkout step 2 - Payment:
- Payment methods: Credit Card, PayPal, Apple Pay
- Card form: number, name, expiry, CVV
- "Save card for future purchases" checkbox
- Order summary (sidebar)

Checkout step 3 - Review:
- Full summary: items, shipping address, payment method
- Order total breakdown
- "Place Order" button
- Terms and conditions checkbox

Features:
- 3-step progress indicator
- Validation at every step
- Prev/next navigation between steps
- Progress saving
- Loading states
- Confirmation page after completing
- Email confirmation preview

Build a task management application with Kanban boards, similar to Trello.

Structure:
- Top navbar: logo, board name (editable), share button, user avatar
- Board view: multiple columns (To Do, In Progress, Done)
- Each column:
  * Header with title and task count
  * "+ Add task" button
  * List of task cards (simulated drag & drop)
  * Option to delete the column
- "+ Add column" button at the end

Each task card contains:
- Title
- Short description (collapse/expand)
- Assigned to (small avatar)
- Due date
- Colour labels
- Comment count
- Attachment count

Functionality:
- Clicking a card opens a detail modal with: full description, comments, checklist, attachments, activity log
- Drag and drop between columns
- Inline quick edit of the title
- Filters: by assignee, by label, by date
- Task search

Design:
- Clean Trello-like style
- Colours customisable per board
- Smooth animations
- Responsive (on mobile the columns stack vertically)

Develop an email marketing platform with a campaign editor and analytics.

Main sections:

1. Dashboard:
- KPIs: Total subscribers, Avg open rate, Avg click rate, Campaigns sent
- Subscriber growth chart (last 6 months)
- Recent campaigns table with metrics
- Quick actions: Create Campaign, Import Contacts

2. Campaigns page:
- List of every campaign with: name, status (draft/sent/scheduled), recipients, open rate, click rate, sent date
- Filters by status and date range
- "+ New Campaign" button

3. Campaign editor (multi-step):
Step 1: Setup
- Campaign name
- Subject line with preview
- From name and email
- Select audience (segment selection)

Step 2: Design
- Drag & drop email builder with blocks: text, image, button, divider, social media
- Template library to start from
- Desktop/mobile preview
- Test email option

Step 3: Schedule
- Send now or schedule for a future date
- Time zone selector
- Review & confirm

4. Contacts/subscribers page:
- Contacts table: email, name, status (subscribed/unsubscribed), tags, added date
- Import CSV button
- Bulk actions (add tags, delete, export)
- Segmentation builder

5. Analytics page:
- Campaign performance comparison
- Best performing emails
- Subscriber growth chart
- Geographic heatmap
- Device breakdown (mobile vs desktop)

Features:
- Real-time preview in the editor
- Template saving
- A/B testing setup
- Automation workflows (bonus)

Create a simple but functional CRM for small businesses.

Modules:

1. Contacts:
- Contacts table with: name, company, email, phone, last contact, tags
- Contact detail view: personal info, notes, associated deals, activity
- "+ Add Contact" button
- Import/Export options
- Search and advanced filters

2. Deals (pipeline):
- Kanban view with stages: Lead, Qualified, Proposal, Negotiation, Closed Won, Closed Lost
- Each deal card: name, value, associated contact, close date, probability
- "+ Add Deal" button
- Deal detail view with: activity timeline, notes, attachments, products/services

3. Activities:
- Calendar view of every activity
- List of pending tasks
- Log of calls, meetings, emails
- Quick add: call, meeting, task, email
- Reminders and notifications

4. Reports:
- Sales pipeline value by stage
- Win rate metrics
- Sales forecast
- Top performing sales reps (if multi-user)
- Revenue charts

5. Settings:
- Pipeline stage customisation
- Custom deal fields
- Email integration setup
- Team management
- Tags and categories

Features:
- Quick actions from any view
- Activity timeline on every contact/deal
- Email tracking (simulated)
- Mobile responsive
- Dark mode

Develop a minimalist notes app with Markdown support.

Layout:
- Left sidebar:
  * "+ New Note" button
  * Search bar
  * Note list (title + preview of the first lines + date)
  * Filters: All Notes, Favorites, Recent
  * Folders/Tags section
- Main area:
  * Text editor with a simple toolbar (bold, italic, headings, list, link, image)
  * Split view: Markdown editor on the left, HTML preview on the right
  * Toggle for editor-only or preview-only view
  * Header with: note title (editable), star favourite, delete, share

Functionality:
- Auto-save every few seconds
- Markdown syntax highlighting in the editor
- Real-time preview
- Keyboard shortcuts (Ctrl+B for bold, etc.)
- Export a note to PDF or a Markdown file
- Dark/Light mode toggle
- Full-text search across every note

Design:
- Minimalist and distraction-free
- Clear typography for reading
- Neutral colours with a subtle accent
- Smooth transitions
- Responsive

Create a Pomodoro timer with productivity tracking.

Main screen:
- Large circular timer showing the remaining time (25:00)
- Visual progress indicator (a circle that fills up)
- Current state: "Focus Time", "Short Break" or "Long Break"
- Buttons: Start, Pause, Skip, Reset
- Number of pomodoros completed today (e.g. 4/8)

Settings:
- Focus duration (default 25 min)
- Short break duration (default 5 min)
- Long break duration (default 15 min)
- Pomodoros before a long break (default 4)
- Auto-start breaks toggle
- Sound notifications toggle
- Desktop notifications toggle

Task list:
- Input to add a task
- Task list with checkboxes
- Estimated pomodoro count per task
- Mark a task as complete
- Pomodoro statistics per task

Stats page:
- Pomodoros completed today, this week, this month
- Productivity chart by day of the week
- Total hours focused
- Best streak (consecutive days)
- Time distribution by task type

Features:
- Sound when each session ends
- Desktop notifications
- Background colours change with the state (focus=red, break=green)
- Data persistence (localStorage)

Build a complete LMS (Learning Management System) platform.

For students:

1. Course catalogue:
- Course grid with: image, title, instructor, rating, student count, price
- Filters: category, level, price, rating, duration
- Search bar
- Featured courses section

2. Course detail page:
- Hero with a preview video
- Course description and learning objectives
- Syllabus expandable by section and lesson
- About the instructor with bio
- Student reviews
- FAQ section
- "Enroll Now" button (sticky on mobile)

3. Learning interface:
- Sidebar with the course index (sections and lessons)
- Main video player with controls
- Tabs: Overview, Resources, Q&A, Notes
- "Mark as Complete" button
- Next/Previous lesson navigation
- Course progress bar
- Note-taking area (saves automatically)

4. Student dashboard:
- Courses in progress with % completion
- Certificates earned
- Upcoming assignments/quizzes
- Learning streak calendar
- Recommended courses

For instructors:

5. Instructor dashboard:
- Total students, revenue, courses
- Recent enrollments
- Course performance charts

6. Course creator:
- Multi-step course creation
- Section and lesson management
- Video upload (placeholder)
- Quiz builder
- Resource attachments

Features:
- Video progress tracking
- Quizzes with auto-grading
- Discussion forums per lesson
- Certificate generation on completion
- Mobile responsive

Develop a social network feed similar to Twitter/X.

Main layout:
- Navbar: logo, search, notifications, messages, profile
- 3 columns:
  * Left sidebar: navigation (Home, Explore, Notifications, Messages, Profile, Settings)
  * Central feed: post timeline
  * Right sidebar: trending topics, who to follow

Post card:
- User avatar
- Name and username
- Timestamp (e.g. "2h ago")
- Post content (text + optional image)
- Engagement buttons: Like (heart), Retweet, Reply, Share
- Counters for each action

Create post:
- Expandable textarea
- Upload image button
- Character counter (280 chars)
- Public/Private toggle
- Post button

Feed features:
- Infinite scroll
- "For You" and "Following" tabs
- Pull to refresh
- Skeleton loaders while fetching

Post detail view:
- Original post
- Reply thread
- Reply composer at the bottom

Notifications:
- Notification list: likes, replies, new followers, mentions
- Mark all as read
- Filter by type

Profile page:
- Cover photo and avatar
- Bio and link
- Tabs: Posts, Replies, Media, Likes
- Follow/Unfollow button
- Edit profile button (on your own profile)

Features:
- Real-time updates (simulated)
- Emoji picker in the composer
- Hashtag detection and highlighting
- @mention autocomplete
- Image preview modal

Create a tool to generate and explore colour palettes.

Main screen:
- Current palette display: 5 colours in large blocks
- Each block shows:
  * Background colour
  * HEX code
  * RGB values
  * HSL values
  * Copy button for each format
  * Lock/unlock colour button
- Large "Generate New Palette" button (spacebar shortcut)
- Generation modes:
  * Random
  * Analogous
  * Complementary
  * Triadic
  * Monochromatic

Per-colour adjustment:
- Hue, Saturation and Lightness sliders for each colour
- Manual colour picker
- Direct HEX input

Additional features:
- Export palette:
  * As an image (PNG)
  * As CSS variables
  * As JSON
  * As Adobe ASE
  * As Tailwind code
- Saved palettes gallery
- Browse popular community palettes
- Accessibility checker (contrast ratios between colours)
- Colour blindness simulator

Visualisation:
- Preview of the palette applied to UI components (buttons, cards, text)
- Dark/Light mode preview

Search:
- Search palettes by HEX colour
- Filter by number of colours
- Sort by popularity, recent, etc.

Design:
- Clean, visual interface
- Keyboard shortcuts
- Responsive
- Smooth transitions between palettes

Develop a universal unit converter.

Categories:
1. Length (metres, kilometres, miles, feet, inches, etc.)
2. Weight (kilograms, pounds, ounces, tonnes, etc.)
3. Temperature (Celsius, Fahrenheit, Kelvin)
4. Volume (litres, gallons, millilitres, etc.)
5. Area (square metres, hectares, acres, etc.)
6. Speed (km/h, mph, m/s, knots)
7. Time (seconds, minutes, hours, days)
8. Digital data (bytes, KB, MB, GB, TB)

Interface:
- Category selector at the top
- Two columns:
  * Left: input value + unit dropdown
  * Right: converted value + unit dropdown
  * Swap button in the middle
- Large, clear numeric input
- Real-time conversion as you type
- History of recent conversions (last 10)
- Copy result button

Functionality:
- Scientific notation support
- Configurable decimal places
- Keyboard shortcuts (Tab to change field, Enter to swap)
- Multiple conversion: show a table with the value in every unit of that category
- Favourites: save frequent conversions

Design:
- Minimalist and functional
- Large, legible numbers
- Neutral colours
- Mobile-friendly with a numeric keypad
- Dark mode option

Create a visual form builder in the style of Typeform/Google Forms.

Builder interface:
- Left panel: available components
  * Text Input
  * Text Area
  * Number Input
  * Email Input
  * Phone Input
  * Dropdown Select
  * Checkbox (single)
  * Checkbox Group
  * Radio Buttons
  * Date Picker
  * File Upload
  * Rating (stars)
  * Slider
  * Section Header
- Central canvas: building area (drag & drop)
- Right panel: properties of the selected field
  * Label
  * Placeholder
  * Help text
  * Required toggle
  * Validation rules
  * Conditional logic

Each field on the canvas:
- Drag handle to reorder
- Settings icon
- Duplicate icon
- Delete icon
- Field preview

Form settings:
- Form title and description
- Confirmation message after submit
- Optional redirect URL
- Email notifications
- Save responses to database toggle

Preview mode:
- Real view of the form
- Validation testing
- Mobile/Desktop preview toggle

Responses page:
- Table of every response
- Export to CSV/Excel
- Individual response detail view
- Analytics: completion rate, average time, abandonment points

Published form features:
- Unique URL to share
- Embed code
- Progress bar (% complete)
- Save & continue later
- Multi-page forms with navigation
- Smooth animations between fields

Features:
- Undo/Redo in the builder
- Template library
- Form duplication
- Collaboration (share with the team)

Develop a complete calendar app with event management.

Calendar views:
1. Month view: full month grid
2. Week view: 7 days with hours
3. Day view: detailed view of one day
4. Agenda view: list of upcoming events

Navigation:
- Buttons: Today, Prev, Next
- Date picker to jump to a specific date
- Mini calendar in the sidebar for quick navigation

Event creation:
- Clicking a time slot opens a modal
- Fields:
  * Event title
  * Start date and time
  * End date and time
  * All-day event toggle
  * Location
  * Description
  * Colour label
  * Reminder (15min, 30min, 1h, 1day before)
  * Recurrence (none, daily, weekly, monthly, yearly)
  * Invitees (emails)
- Save/Cancel buttons

Event display:
- Coloured blocks on the calendar
- Shows title and time
- Clicking an event opens the detail view
- Drag to move to another day/time
- Resize to change the duration

Multiple calendars:
- Personal, Work, Family calendars
- Toggle visibility of each one
- Different colours per calendar
- Share a calendar with others

Additional features:
- Event search
- Filter by calendar
- Export to iCal/Google Calendar
- Import events from a file
- Notifications for upcoming events
- Conflict detection (overlapping events)

Design:
- Clean and professional, Google Calendar style
- Responsive
- Keyboard navigation
- Smooth animations when switching views

Create a personal budget and expense management application.

Dashboard:
- Current month summary:
  * Total income
  * Total expenses
  * Net (income - expenses)
  * Savings rate %
- Donut chart: expenses by category
- Line chart: income vs expenses over the last 6 months
- Budget progress bars per category (e.g. Food 450/500, 90% used)

Transactions:
- List of every transaction with:
  * Date
  * Description
  * Category
  * Amount (green for income, red for expense)
  * Payment method
  * Actions (edit, delete)
- Filters: by date, category, type (income/expense)
- Search by description
- "+ Add Transaction" button

Add transaction modal:
- Type: Income or Expense (radio buttons)
- Amount
- Description
- Category (dropdown)
- Date
- Payment method (Cash, Credit Card, Debit Card, etc.)
- Recurring toggle (for recurring income/expenses)

Budgets:
- Set a monthly budget per category
- Predefined categories: Housing, Food, Transportation, Entertainment, Healthcare, etc.
- Custom categories
- Visual progress per category (progress bar)
- Alerts when 80% or 100% is exceeded

Reports:
- Spending trends by month
- Category breakdown with percentages
- Income sources breakdown
- Comparison: this month vs last month
- Export to PDF or CSV

Goals:
- Savings goals with a target amount and date
- Progress tracking
- Visual of how much is left to reach the goal

Features:
- Multi-currency support
- Automatic recurring transactions
- Dark mode
- Data export/import
- Mobile responsive

Develop an instant messaging application similar to Slack/Discord.

Main layout:
- Left sidebar:
  * Workspace/Server selector (top)
  * Channels list (#general, #random, etc.)
  * Direct Messages list
  * "+ New Channel" button
  * "+ New DM" button
- Central chat area:
  * Channel header with name, description, member count
  * Message timeline (infinite scroll upwards)
  * Message composer at the bottom
- Right panel (collapsible):
  * Channel details
  * Members list
  * Pinned messages
  * Shared files

Message features:
- User avatar
- Username and timestamp
- Message text with formatting:
  * Bold, italic, strikethrough, code
  * Automatically detected links
  * @mentions with autocomplete
  * #channel links
  * Emoji picker
- Reactions (emoji reactions on a message)
- Thread replies (click to open a side thread)
- Edit message (shows "edited")
- Delete message
- Pin message
- Copy link to message

Message composer:
- Auto-resizing textarea
- Formatting toolbar
- File attachment (drag & drop or click)
- Emoji picker
- GIF selector
- @ autocomplete for mentions
- / slash commands

Channels:
- Public channels (visible to everyone)
- Private channels (invite only)
- Channel settings: rename, description, notifications
- Channel member management

Direct messages:
- 1-on-1 conversations
- Group DMs (multiple people)
- Online status indicators

Search:
- Global message search
- Filters: in channel, from user, has files, date range

Notifications:
- Desktop notifications
- Badge counts on channels with unread messages
- Highlighted mention notifications
- Per-channel notification settings

Features:
- Typing indicators ("User is typing...")
- Read receipts
- Message delivery status
- File previews (images, PDFs)
- Code syntax highlighting in code blocks
- Dark/Light themes

Create a complete CMS to manage a blog.

Admin dashboard:
- Stat cards: Total Posts, Total Views, Comments, Subscribers
- Recent posts table with quick actions
- Analytics chart of views per day
- Quick links: New Post, Media Library, Settings

Posts management:
- Table of every post:
  * Title
  * Author
  * Categories
  * Tags
  * Status (draft, published, scheduled)
  * Views
  * Date
  * Actions (edit, delete, preview)
- Filters: by status, author, category, date
- Bulk actions (publish, delete, change category)
- Post search

Post editor:
- Rich text editor with a full toolbar:
  * Headings (H1-H6)
  * Bold, Italic, Underline, Strikethrough
  * Lists (ordered, unordered)
  * Blockquotes
  * Code blocks with syntax highlighting
  * Links
  * Images (inline upload)
  * Videos (embed URL)
  * Tables
  * Horizontal rules
- Sidebar with:
  * Publish panel (save draft, publish, schedule)
  * Status and visibility
  * Categories (multi-select)
  * Tags (input with autocomplete)
  * Featured image upload
  * Excerpt
  * SEO meta (title, description)
- Autosave every 30 seconds
- Revision history
- Preview button

Media library:
- Grid of every image/file
- Multiple upload (drag & drop)
- Filters: by type, date
- Image editing: crop, resize, rotate
- URL to insert into posts

Categories & tags:
- Manage categories (create, edit, delete)
- Hierarchical categories (parent/child)
- Tag management
- Slug customisation

Blog frontend:
- Homepage: grid of recent posts with featured image, title, excerpt, author, date
- Single post page: title, featured image, content, author bio, comments, related posts
- Category archive pages
- Tag archive pages
- Search results page
- Sidebar: category list, recent posts, tag cloud

Comments system:
- Comment form on every post
- Comment moderation panel in the admin
- Approve/spam/delete comments
- Reply to comments (nested)

SEO & analytics:
- Sitemap generation
- Per-post meta tag customisation
- Google Analytics integration
- Popular posts widget

Features:
- Multi-author support
- User roles (admin, editor, author)
- Scheduled posts
- RSS feed
- Email subscription
- Social sharing buttons
- Related posts algorithm

Develop a local business directory with an interactive map, in the style of Yelp/Google Maps.

Layout:
- Header: logo, search bar (location + term), login/register
- Two panels:
  * Left: results list (scroll)
  * Right: interactive map with markers

Search & filters:
- Search by: term (e.g. "restaurants"), location (e.g. "Madrid")
- Filters:
  * Category (Restaurants, Hotels, Shopping, Services, etc.)
  * Rating (4+ stars, 3+ stars)
  * Price range ($, $$, $$$, $$$$)
  * Open now toggle
  * Distance (within 5km, 10km, etc.)
- Sort by: Relevance, Distance, Rating, Most Reviewed

Results list:
- Each business card:
  * Thumbnail image
  * Name
  * Category
  * Star rating and review count
  * Price range
  * Distance from the search location
  * Address (short)
  * Open/Closed status
  * Quick info: delivery, reservations, etc.
- Pagination or infinite scroll
- Hovering a card highlights its map marker

Interactive map:
- Markers at each business location
- Clicking a marker opens an info popup linking to the detail page
- Marker clustering when they are close together
- Pan and zoom on the map
- Re-search when the map moves ("Search this area" button)

Business detail page:
- Hero image gallery
- Name, category, rating (with count)
- Address with a "Get Directions" button
- Phone, website, opening hours
- Business photos (user-submitted)
- Reviews with:
  * User avatar and name
  * Star rating
  * Date
  * Review text
  * Photos (if any)
  * Helpful votes
- Write Review button
- Amenities list (WiFi, Parking, Wheelchair accessible, etc.)
- Similar businesses nearby
- Map with the exact location

Write review:
- Star rating selector
- Text area for the review
- Photo upload (multiple)
- Submit button
- Login required

Business owner dashboard:
- Claim business
- Edit business info
- Upload photos
- Respond to reviews
- View analytics (views, clicks, direction requests)

Features:
- Geolocation to use the current location
- Turn-by-turn directions
- Save favourites
- Share a business
- Mobile responsive
- SEO optimised by city and category

Create a mobile-first food delivery app in the style of Uber Eats/Deliveroo.

Home screen:
- Top bar: current location (with change option), search, cart
- Promotions banner (carousel)
- Food categories (horizontal scroll with icons)
- "Restaurants near you" (vertical cards)
- Each restaurant card:
  * Cover image
  * Restaurant logo
  * Name
  * Rating and delivery time
  * Cuisine type
  * Promotions if any

Restaurant page:
- Cover photo
- Restaurant info: name, rating, delivery time, delivery fee
- Search within the menu
- Menu categories (tabs or sections): Popular, Starters, Mains, Drinks, Desserts
- Each item:
  * Image
  * Name and description
  * Price
  * "+" button
- Sticky cart at the bottom

Item detail modal:
- Large item image
- Name and description
- Options/modifiers:
  * Radio buttons (e.g. size - small/medium/large)
  * Checkboxes (e.g. extras - cheese, bacon)
  * Each option with its extra cost if any
- Special instructions (textarea)
- Quantity selector
- "Add to Cart $XX.XX" button

Shopping cart:
- Item list with:
  * Name
  * Selected modifiers/options
  * Quantity (with +/- buttons)
  * Price
  * Remove button
- Promo code input
- Delivery address (with a change button)
- Subtotal, Delivery fee, Tax, Total
- "Proceed to Checkout" button

Checkout:
- Confirm the delivery address
- Delivery instructions (e.g. "Ring doorbell")
- Payment method selector (credit card, cash, etc.)
- Tip selector (10%, 15%, 20%, custom)
- Review order summary
- "Place Order" button

Order tracking:
- Order status: Confirmed, Preparing, On the way, Delivered
- Visual progress bar
- Live map with the courier's location (simulated)
- Courier info: name, photo, rating
- Buttons: Call, Message
- Estimated time of arrival (countdown)

Profile:
- User info
- Saved addresses (with primary/secondary)
- Saved payment methods
- Order history
- Favourite restaurants
- Settings

Order history:
- List of past orders
- Clicking an order shows the full detail
- "Reorder" or "Order Again" button
- Leave a restaurant review

Features:
- Real-time order updates (simulated)
- Push notifications
- Save favourite items
- Schedule a delivery for later
- Group orders
- Dark mode

Develop a complete, reusable admin panel for managing applications.

Sidebar navigation:
- Logo and app name
- Collapsible sections:
  * Dashboard
  * Users (submenu: All Users, Add New, Roles)
  * Content (submenu: Posts, Pages, Media, Comments)
  * Ecommerce (submenu: Products, Orders, Customers, Reports)
  * Analytics
  * Settings (submenu: General, Email, Security, API)
- User profile at the bottom with a dropdown

Dashboard overview:
- Current date and welcome message
- 4 stat cards with icons:
  * Total Users (with % change vs last month)
  * Revenue (with a sparkline chart)
  * Orders (with % completed)
  * Active Sessions
- Charts section:
  * Line chart: sales per day (last 30 days)
  * Bar chart: revenue by category
  * Pie chart: traffic sources
- Recent Activity feed (latest actions in the app)
- Top Products table

Users management:
- Users table:
  * Avatar
  * Name
  * Email
  * Role (Admin, Editor, User)
  * Status (Active, Inactive)
  * Date joined
  * Actions (edit, delete, impersonate)
- Bulk actions
- Filters by role, status, date
- Search by name or email
- Export to CSV
- Add User button

Add/edit user:
- Form with:
  * Profile picture upload
  * First name, Last name
  * Email
  * Username
  * Password (with a strength indicator)
  * Role selector
  * Status toggle
  * Permissions (checkboxes per module)
- Save and Cancel buttons

Content (posts) management:
- Posts table, similar to Users
- Status: Draft, Published, Scheduled, Archived
- Featured image thumbnail
- Categories and tags
- View count
- Inline quick edit
- Trash management

Ecommerce - Products:
- Products table:
  * Image
  * Name
  * SKU
  * Price
  * Stock
  * Category
  * Status
  * Actions
- Inventory warnings (low stock in red)
- Product editor similar to the post editor but with:
  * Price and compare-at price
  * SKU
  * Inventory tracking
  * Variants (size, colour)
  * Shipping dimensions

Ecommerce - Orders:
- Orders table:
  * Order #
  * Customer
  * Date
  * Total
  * Status (Pending, Processing, Shipped, Delivered, Cancelled)
  * Actions (view, fulfil, cancel)
- Order detail view:
  * Customer info
  * Shipping address
  * Items ordered (table)
  * Order timeline
  * Private notes
  * Fulfil order button

Analytics:
- Overview metrics
- Traffic charts
- User behaviour flow
- Conversion funnels
- Real-time dashboard

Settings - General:
- Site name, tagline, logo
- Timezone, date format
- Language
- Maintenance mode toggle

Settings - Email:
- Email provider config
- Email template editor
- Test email button

Settings - Security:
- Two-factor authentication
- Session management
- API key management
- Activity logs

Global features:
- Dark mode toggle (persists the preference)
- Breadcrumbs on every page
- Global search (cmd+K) for quick navigation
- Notifications dropdown with badges
- Responsive: collapsible sidebar on mobile
- Keyboard shortcuts
- Customisable theme colours
- Multi-language ready