A shared folder with AI prompts and code snippets
From workspace: Lovable
Team: Prompt library
Total snippets: 7
7 snippets
Ensure the whole app is mobile-optimized and supports dark mode.
Review entire app layout for mobile responsiveness. Then: - Add dark mode toggle (light/dark switch in navbar or settings) - Respect user’s OS preference - Use Tailwind’s dark mode classes - Ensure charts/texts adapt correctly
Let users edit personal info and app preferences.
Create a “Settings” page for managing: - Name, Email (read-only if OAuth) - Wellness goal (dropdown) - Reminder time (see previous prompt) - Option to delete account Ensure changes sync with Supabase. Design with clear spacing and intuitive...
Allow users to set daily reminder notifications.
Add reminder functionality to help users stick to daily check-ins. Features: - Time picker: “Remind me at [7:00 AM / 9:00 PM]” - Store preference in user settings - Use browser notification or localStorage-based alert - Fallback: display reminder...
Show user progress and check-in history in visual format.
Build a user dashboard to display check-in data visually. Sections: - Weekly mood chart (line or emoji-based) - Sleep history (bar graph) - Nutrition summary (list or icon-based) - “Streak” counter for consecutive check-ins Data is fetched from...
Build a mood/sleep/nutrition check-in form.
Create a “Daily Check-In” page. Inputs: - Mood (emoji scale 1–5) - Hours of Sleep (slider) - Meals eaten today (number) - Optional note (textarea) Functionality: - Auto-save entries to DB - Show confirmation toast - Form resets on next...
Add authentication and onboarding flow.
Set up authentication using Supabase. Features: - Email/password sign-up - Google OAuth - Onboarding form after sign-up with: - Name - Wellness goal (dropdown) - Timezone Pages: - Sign In / Sign Up - Onboarding (form) - Redirect to...
Define the purpose, user type, and core features of your wellness app before development.
You are building a wellness tracking app for [target audience] (e.g. remote workers, students, gym users). Define: - Purpose of the app (e.g. track mood, sleep, workouts, nutrition) - 3 main features to include in MVP - Tech stack: React...