Build a “My Profile” page. Show: - Name, role, stage - List of submitted ideas - For each: status (published / pending), votes, comments Allow editing of ideas still marked as “Pending Review”. Optional: Shareable public profile URL.

Add a simple admin dashboard to manage ideas. Features: - List of submitted ideas (Pending, Approved, Rejected) - Admin can: - Approve & publish - Send back with comments - Reject with reason Only admins can access this panel (check...

Implement Firebase auth with email + Google login. After login, show an onboarding form: - Full name - Role (Founder / Investor / Mentor) - Startup stage (Idea / MVP / Revenue) Save user profile in Supabase. Redirect to the idea feed after...

Add a scoring panel under each idea. Metrics: - Clarity (1–5) - Problem size (1–5) - Monetization potential (1–5) Each metric shows average score + user’s vote (if any). Store per user/idea combo in Supabase. Show tooltip with scoring...

Create an idea detail page. Sections: - Full description, problem, tags - Upvote button - Comment thread: - Auth required to comment - Replies allowed - Highlight “Top Comments” Store comments in Supabase linked to idea...

Create a “Submit Idea” form. Fields: - Idea title - Short description (max 200 chars) - Problem being solved (textarea) - Target audience - Business model (optional dropdown) - Tags (tech, b2b, ai, etc.) On submit: - Save to Supabase - Mark...

Create an “Explore” page. Categories: - B2B, Consumer, AI, Sustainability, Web3 Each category shows: - Featured ideas - Newest ideas - Top voted Add category filters to the main feed.

Build an idea feed for browsing and voting. Each card shows: - Title, short description - Tags - Upvote button + vote count - “Read More” link to full idea Add: - Sort by: Top voted, Newest, Most discussed - Search by keyword and tag - Show...

Set up a weekly digest email sent every Monday. Includes: - Top 5 voted ideas of the week - Summary: title, short desc, votes - “View Idea” button Use Supabase scheduled function. Design: Simple, skimmable HTML layout with clear CTA buttons.

Add reminder settings to the profile page. User can: - Enable daily reminder - Set preferred time (time picker) - Choose reminder type: Mood check-in, Journal, Both Trigger: - Local browser notifications or in-app banners Store settings in...

Build a journaling module for daily reflections. Form: - Textarea (min 100 chars) - Tag emotion or mood category - Save button (with autosave reminder) Link each entry to today’s mood log by user ID and date. Store securely in Supabase. Make...

Implement Firebase authentication with email and Google login. After signup: - Ask onboarding questions: - Full name - Timezone - Primary mental wellness goal (focus, reduce stress, improve energy) Store this info in Supabase under the...

Set up a weekly email summary for each user (Sunday morning). Content: - Average mood - Journal keywords or quote - Entry streak + reminder habits - Optional tip based on lowest day Use Supabase cron job or scheduled function. Design a minimal...

Create a “How are you feeling today?” module. Features: - Emoji scale (1–5) - Optional note (textarea) - Auto-save with timestamp on submit UX: - Use soft transitions and gradients - Save entries to Supabase - Limit to one entry per day

Create a profile settings page. Sections: - Profile info: name, email, timezone - Goal: dropdown of wellness goals - Enable/disable mood tracking, journal, reminders Save updates in Supabase. Design with a modern, focused layout that supports...

Create a calendar heatmap for visualizing mood entries. Each day shows: - Color/emoji based on mood - Tooltip: mood level + optional note User can click a day to view journal if one exists. Fetch data per user from Supabase. Mobile-first layout...

Add an export feature for journal + mood history. Format: CSV or PDF Include: - Date, mood, note, journal (if exists) - Filter by date range - Download or email to self Ensure privacy-first formatting. Clean design, no branding needed.

Create a “Weekly Insights” page. Include: - Mood trend graph (line or emoji-based) - Word cloud from journals (optional) - Average mood vs. time slept (if sleep data added later) - Entry streak counter Data fetched per user from Supabase. Style...

I need a mental fitness tracker application with: Tech Stack: - Frontend: React with TypeScript - Styling: Tailwind CSS - Auth: Firebase - Database: Supabase Core Features: 1. User authentication 2. Daily mood + journal tracker 3. Weekly...

Build a dashboard for brands. Sections: - My Projects (with status) - Applicants per project (expandable list) Each applicant shows: - Name, social link, pitch preview - Accept / Decline buttons - Add notes (optional) UI should be clean,...

Build a simple messaging system (MVP only). When a creator is accepted: - Unlock a chat thread between brand and creator Features: - Text messages only - Timestamp, sender info - Auto-scroll to latest - Store chat in Firestore by thread...

Build a “Collab Opportunities” board (for creators). Features: - List of open brand projects with: - Campaign title - Budget range - Niche / platform - “Apply Now” button Add: - Filters: platform, budget range, niche - Sort by:...

Add Firebase authentication with email + Google login. On first login: - Ask for role: Creator or Brand - Collect minimal info: - For Creator: name, niche, follower count - For Brand: company name, industry, campaign goals Store user...

Add a simple in-app notification system. Trigger notifications for: - Application accepted / declined - New message in chat Display: - Bell icon in navbar with dropdown list - “Unread” status and timestamp - Mark all as read Store notifications...

Enable creators to apply to any open project. Form: - Short pitch (textarea) - Portfolio link - Preferred rate (optional) After submit: - Store in Firestore with status “Pending” - Notify brand via Firestore trigger or message log - Prevent...

Build a dashboard for creators. Sections: - Active applications (status) - Accepted collabs (with deadline badges) - Monthly earnings (static or dummy data for now) Add aesthetic cards, badges for status (Pending, Accepted, Declined) Keep layout...

Create a “New Project” form (for brands). Fields: - Campaign name - Brand description - Deliverables (input or checklist) - Platforms (e.g. Instagram, YouTube) - Budget range (dropdown) - Deadline - Short brand pitch On submit: - Store in...

Create a “My Profile” page for creators. Editable Fields: - Bio - Follower count - Portfolio link(s) - Tags (niches, platforms) Public view should: - Be sharable via link - Include list of past accepted collabs (if any) - Optionally: add a “Hire...

Create a `.env` file to store secrets and config variables. Include: – Add placeholder keys for API keys, DB URL, etc. – Load from `.env` in app – Ignore in Git using `.gitignore`

Add a build script to `package.json`. Include: – Command: `next build` or `vite build` depending on the framework – Ensure it runs without errors – Compatible with your deploy target

Add a deployment status badge to the top of the README.md file. Include: – Use badge from GitHub Actions or Vercel – Link to live site – Make sure it updates on every commit

Optimize static assets for production deployment. Include: – Compress images (JPEG, PNG) – Minify CSS and JS – Remove unused code or libraries

Add GitHub Actions workflow for CI. Include: – Trigger on push to main – Run `npm install`, `npm run lint`, `npm run test`, `npm run build` – Use latest Node.js version

Update CI workflow to include lint step. Include: – Use `npm run lint` – Fail build if linting fails – Output errors in logs

Configure this project for Vercel deployment. Include: – Add a `vercel.json` config file – Set default build command and output directory – Ignore test files during deploy

Create a 404 page for when users navigate to unknown routes. Include: – Friendly error message – Link to return to homepage – Responsive and styled layout

Add a global error boundary component to catch UI crashes. Include: – Show fallback message – Log error for debugging – Allow retry option if possible

Add toast notifications that appear on error events. Include: – Show user-friendly messages – Auto-hide after 5 seconds – Allow manual dismiss

Add backend validation for API inputs. Include: – Check required fields – Enforce data types – Return structured error messages

Show a clean empty state UI when data is unavailable. Include: – Icon and message – Optional button to add new item – Avoid layout shift or broken components

Wrap all async functions in this file with try/catch. Include: – Show user-friendly error message – Log technical error to console – Avoid breaking app flow

Add form validation to all inputs on this form. Include: – Show inline error messages – Email must be valid format – Required fields must be filled

I need a startup idea validator application with: Tech Stack: - Frontend: React with TypeScript - Styling: Tailwind CSS - Auth: Firebase - Database: PostgreSQL (via Supabase) Core Features: 1. User authentication 2. Submit and track startup...

Add a loading spinner while checking user authentication state. Include: – Show spinner or placeholder UI – Replace with content after auth loads – Avoid flash of unprotected content

Protect the dashboard and profile routes from unauthorized users. Include: – Redirect to login if user not authenticated – Use middleware or wrapper component – Show loading state during auth check

Add a logout button to the user dropdown menu. Include: – Clear session or token – Redirect to login page after logout – Optional confirmation modal

Show current authenticated user’s name and email in the header bar. Include: – Pull from auth context or provider – Handle missing/null values – Make layout responsive

Add Google OAuth sign-in to the login screen. Include: – Use OAuth button with Google branding – Handle token on success – Show loading and error states

Create a password reset feature for users who forgot their password. Include: – Email input for requesting reset – Success message if email sent – Handle token and set new password

I need a creator collaboration marketplace application with: Tech Stack: - Frontend: React with TypeScript - Styling: Tailwind CSS - Auth: Firebase - Database: Firestore Core Features: 1. User authentication (creators and brands) 2. Project...

Add a new field `profilePicture` of type string to the existing `users` table. Include: – Set default value as empty string – Do not affect existing rows – Make field optional in schema

Extract the repeated `tag` values from the `notes` table into a separate `tags` table. Include: – Create `tags` table with id, name – Create `noteTags` linking table – Preserve existing tag references

Add validation rules to the `users` table: Include: – email must be a valid format – username must be at least 3 characters – age must be a positive integer

Create a new table called `tasks`. Include: – Fields: id, title, status, dueDate, projectId – projectId should reference the `projects` table – Add foreign key constraint for projectId

Rename the column `fullName` to `name` in the `users` table. Include: – Update all code references – Keep type and constraints intact – Migrate old data to new field

Remove the `nickname` field from the `users` table. Include: – Delete all references in code – Ensure no usage in components or API calls – Migrate logic if needed

Add an index on the `email` field of the `users` table. Include: – Ensure index improves search performance – Do not change any existing queries – Use standard indexing for string field

Add hover effects to all interactive buttons and cards. Include: – Slight background color change or shadow – Use transition for smooth effect – Keep consistent across components

Redesign the navigation bar for a more modern look. Include: – Responsive layout (burger menu on mobile) – Highlight active page – Add hover and focus states

Update typography to improve readability and hierarchy. Include: – Set clear heading levels (h1, h2, etc.) – Choose a modern, legible font – Adjust line-height and spacing

Enhance the visual hierarchy of this layout. Include: – Emphasize primary actions – Use scale, contrast, and color weight – Reduce visual noise in secondary elements

Improve the UI for mobile screen sizes. Include: – Use responsive breakpoints – Adjust font sizes and paddings – Ensure no overflow or clipping

Center all elements in this section both vertically and horizontally. Include: – Use flex or grid alignment – Avoid hardcoded margin hacks – Ensure responsiveness is preserved

Fix inconsistent spacing between elements on this page. Include: – Use consistent spacing scale (e.g. 4, 8, 16px) – Avoid magic numbers – Apply padding/margin through utility classes or variables

Add toast notifications that display feedback after key user actions. Include: – Use a consistent toast component – Support success, error, info variants – Automatically disappear after 3s

Create a modal component that opens from a button click. Include: – Dimmed background – Close button inside modal – Escape key to dismiss modal

Add a toggle switch to switch between light and dark themes. Include: – Use Tailwind’s dark mode or CSS variables – Store theme preference in localStorage – Apply immediately on toggle

Add a search bar component above the item list that filters items in real time based on the input. Include: – Use debounce on input – Match partial and case-insensitive queries – Show “No results” when empty

Add a loading spinner during fetch or form submission. Include: – Spinner should appear above content or inside the button – Remove it automatically after response – Avoid blocking UI

Add file upload functionality using a drag & drop zone or file picker. Include: – Limit file types to .png, .jpg, .pdf – Show preview of uploaded file – Max file size: 5MB

Add pagination to this list view. Limit items per page and provide next/previous buttons. Include: – Page limit: 10 items – Buttons: “Previous” and “Next” – Maintain scroll position on switch

Fix the infinite loop crashing the app in this file. Include: – Trace recursive or re-render triggers – Keep core logic intact – Add safe guards or exit conditions

Clean up this file by removing all unused imports, variables, and functions. Include: – Only remove if not used at all – Preserve formatting – Do not modify active logic

Fix all console errors in this file or its imports. Include: – Keep unrelated logic untouched – Match the error message line and context – Ensure the console remains clean on page load

Fix the submit button in this form. It currently does not trigger the intended handler. Include: – Ensure onClick or onSubmit connects properly – Validate input before submitting – Show a success or error message

Find where a variable is returning `undefined` unexpectedly and fix it. Include: – Add fallback or default values – Trace data from its origin – Do not break the existing output

Refactor the complex conditional logic in this file into a clean, readable structure. Include: – Prefer early returns – Use switch or lookup maps where cleaner – Maintain the same outputs and edge case coverage

Refactor this file by extracting repeated code into reusable functions or constants. Include: – Don’t rename existing variables unless repeated – Preserve comments and types – Avoid any functional changes in behavior

So what I want is a dashboard that shows all my customer information, and I want it organized kind of like how Gmail does it where you have the list on the left side and when you click on a customer it shows all their details on the right side and...

I need to save: - User profiles - Product listings - Order history

This component worked before: [paste working version] Now it shows this error: [paste error] How do I fix it?

don't change any code whatsoever. Theoretically, if I want to add [feature], what code changes would be needed?

Look at this card design: [paste code] Create a product grid using the same: - Shadow effects - Border styles - Color scheme - Spacing patterns

Using this button style: [paste button code] Create matching components for: - Form inputs - Cards - Alert messages

Make my navigation menu look like this style: [paste component code/screenshot] Keep the same visual style but change it to include these menu items: - Home - Products - About Us

I want to build a marketplace app where: - Users list items for sale - Buyers browse and purchase - Sellers track their sales [other stuff you want]

“I need a [type] application with: Tech Stack: - Frontend: React with TypeScript - Styling: Tailwind CSS - Auth: Firebase - Database: [choice] Core Features: 1. User authentication 2. [Main feature] 3. [Secondary features] Start with the main...