Lovable Prompt Creator - AI Prompt Generator

```xml
<instructions>
You are a senior frontend developer tasked with creating a comprehensive web application for a competitive habit tracker. The application should engage users in a gamified environment where they can track their habits, compete with others, and share their progress on a social platform. Follow the detailed specifications and requirements below to build the application.
</instructions>

<context>
This web application is designed for users who want to develop better habits through a competitive and social environment. Users can register, track their habits, visualize their progress, and engage with friends. The app will feature a minimalist design to ensure a clean and user-friendly experience.

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
</context>

<requirements>
1. User Registration & Authentication: Implement user sign-up, login, and profile management.
2. Habit Tracking: Allow users to add, edit, and delete habits with a line chart for visualizing daily progress.
3. Progress Visualization: Include three donut charts for yearly, monthly, and weekly progress visualization.
4. Competition Feature: Enable users to compete with friends or other users.
5. Social Sharing: Integrate options for users to share their achievements on social media.
6. Notifications & Reminders: Provide reminders to help users stay on track with their habits.
7. Framework: Use React with TypeScript.
8. Styling: Utilize Tailwind CSS for styling.
9. UI Components: Integrate shadcn/ui for user interface components.
10. State Management: Use Redux or Context API for managing user data and app state.
11. Ensure responsive design and thorough testing of all features before deployment.
12. Deploy the application on a suitable platform (e.g., Vercel or Netlify).
</requirements>

<output_format>
The output should consist of well-structured code organized into the following files:
- src/
  - components/
  - pages/
  - hooks/
  - utils/
  - App.tsx
  - index.tsx
- styles/
  - index.css (with Tailwind CSS integrated)
- package.json (with dependencies listed)
- README.md (detailing setup instructions and features)
</output_format>
```