From Idea to App

I'm building a task management app for freelancers.
Create the basic structure with:
- A clean landing page
- Navigation with Home, Features, Pricing, Login
- Footer with links and social icons

1. "Create a dashboard layout with sidebar navigation"

2. "Add a tasks list component showing task name, due date, and status"

3. "Create a Supabase table for tasks with fields: id, title,
   description, due_date, status, user_id"

4. "Connect the tasks list to fetch from the database"

5. "Add a form to create new tasks"

6. "Add the ability to mark tasks as complete"

"Add user authentication with:
- Sign up with email/password
- Login page
- Protect the dashboard route
- Show user's name in the header"

"Update the tasks table to include user_id and add RLS
policies so users only see their own tasks"

"Improve the overall design:
- Add consistent spacing between sections
- Use a cohesive color palette (blue primary)
- Add hover states to buttons and links
- Ensure good contrast for accessibility"

"Make sure all pages work well on mobile:
- Collapsible navigation
- Stacked layouts on small screens
- Appropriate text sizes"

"Add loading skeletons while data is being fetched"

"Add proper error handling:
- Show error messages if data fails to load
- Validate forms before submission
- Handle network errors gracefully"

"Move any hardcoded API keys to environment variables"

"Add SEO metadata to all pages including title,
description, and Open Graph tags"

"Add Vercel Analytics to track page views"

"Now add due date reminders that notify users
via email one day before"