My life to track each of the 12 areas of life (physical
Generated Prompt
## APPLICATION OVERVIEW This application is a comprehensive life dashboard designed to help users track and manage various aspects of their lives, including personal goals, habits, and reflections. The dashboard will serve as a central hub for users to visualize their progress across twelve life areas, maintain a daily journal, and reflect on their achievements and growth. ## CORE FEATURES 1. **Goal Tracking**: Users can set and track goals across daily, weekly, quarterly, yearly, and lifelong timelines, providing a clear view of their progress. 2. **Habit Tracking**: A dedicated section to monitor habits in each of the twelve life areas, helping users build and maintain positive routines. 3. **Calendar Visualization**: An interactive calendar to visualize daily, weekly, and monthly activities, ensuring users stay organized and mindful of their time. 4. **Daily Journal/Log**: A space for users to jot down daily reflections, thoughts, and ideas, fostering a habit of self-reflection and mindfulness. 5. **Monthly Reflections**: A feature that prompts users to reflect on their monthly achievements and areas for improvement, aiding in personal growth. 6. **Affirmations and Ideas**: A section for users to save and view affirmations and spontaneous ideas, encouraging positive thinking and creativity. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The main layout will feature a sidebar for navigation, a top header for branding and quick actions, and a main content area that changes based on the selected feature. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Redux for managing global state across the dashboard. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling. 2. **Design Layout**: Create the main layout with a sidebar, header, and content area, ensuring responsiveness for various screen sizes. 3. **Implement Core Features**: - Develop the goal tracking and habit tracking components, integrating state management for data persistence. - Create the calendar component, utilizing a library like react-calendar for interactive views. - Build the daily journal/log and monthly reflections sections with rich text editing capabilities. - Add the affirmations and ideas feature, allowing users to input and save notes. 4. **Style Components**: Apply Tailwind CSS classes based on the design specifications, ensuring a cohesive and minimalist aesthetic. 5. **Test Functionality**: Conduct thorough testing to ensure all features work seamlessly and fix any bugs identified. 6. **Deploy Application**: Deploy the application using a hosting service like Vercel or Netlify for public access. ## USER EXPERIENCE Users will have a straightforward onboarding process to set up their profile and define their initial goals and habits. The dashboard will allow easy navigation between different life areas, with intuitive interactions for setting goals, logging entries, and reflecting on progress. Users will enjoy a visually appealing and organized interface that promotes a positive and enriching experience. The application will be responsive, ensuring accessibility on both desktop and mobile devices.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
