Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed for new husbands in Singapore to assist them in managing their daily tasks and responsibilities efficiently. The app aims to provide a streamlined experience for organizing personal and household tasks while fostering a sense of community and support among users.

## CORE FEATURES
1. **Task Management**: Users can create, edit, and delete tasks, set deadlines, and categorize tasks into personal, household, or relationship-focused categories.
2. **Reminders & Notifications**: Push notifications to remind users of upcoming deadlines or important dates (e.g., anniversaries, birthdays).
3. **Resource Hub**: A curated collection of articles, tips, and resources specifically for new husbands in Singapore, covering topics like marriage advice, local services, and event planning.
4. **Community Forum**: A space for users to engage with one another, share experiences, ask questions, and provide support in a safe environment.
5. **Progress Tracker**: Users can track their completed tasks and reflect on their progress, fostering a sense of achievement and motivation.
6. **Customization Options**: Users can personalize their profiles, including theme choices and notification preferences.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will prioritize clean lines, ample white space, and a simple user interface that enhances usability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high readability and a fresh appearance.
- **Layout**: A single-column layout for the main dashboard featuring a sidebar for navigation. The top of the page will include a header with the app logo and user profile options.
- **Typography**: Use a sans-serif font like "Roboto" or "Open Sans" for body text, with larger, bold headings to create a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Tailwind CSS to facilitate rapid styling and ensure a cohesive design aesthetic.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: React Context or Zustand for managing global state effectively.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Basic Structure**: Set up the main layout components (Header, Sidebar, Footer) and the main dashboard component.
3. **Build Core Features**:
   - Implement Task Management functionality with CRUD operations.
   - Integrate Reminders & Notifications using a library like React Toastify.
   - Develop the Resource Hub with a simple blog-style layout.
   - Create the Community Forum using a simple message board structure.
   - Add Progress Tracker with visual indicators for task completion.
   - Implement customization options with a user settings page.
4. **Styling**: Apply Tailwind CSS classes throughout the application to achieve the minimalist look and ensure responsiveness.
5. **Testing**: Conduct user testing sessions to gather feedback on usability and make necessary adjustments.
6. **Deployment**: Prepare the application for deployment using platforms like Vercel or Netlify.

## USER EXPERIENCE
Key interactions will include easy navigation via the sidebar, intuitive task creation and management through a user-friendly interface, and seamless access to community forums and resources. The app will focus on providing a positive and supportive experience, making it easy for new husbands to engage with the platform and connect with others in similar situations. Users will also appreciate timely reminders and a visually appealing layout that encourages regular use.