Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as a personal goal tracking platform, allowing users to set and monitor their objectives for each year. Users can create individual files for their goals, add sub-goals, and visually track progress through checklists and image uploads. The minimalist design focuses on simplicity and clarity, ensuring an enjoyable user experience.

## CORE FEATURES
1. **Goal Creation**: Users can create and name goals for each year, such as "Improving English Language Skills," and associate sub-goals with them.
2. **Image Uploads**: Ability to upload relevant images (e.g., flags for language goals, icons for writing tasks) to visually represent each goal and sub-goal.
3. **Progress Tracking**: Users can check off completed tasks and goals, providing a visual representation of their progress.
4. **File Management**: Users can save multiple goal tracking files for different years, allowing easy access and management of past and current goals.
5. **Resource Linking**: Users can link documents or resources that aid in achieving their goals, making it easier to stay organized and focused.
6. **User Dashboard**: A clean and simple dashboard displays all goals, progress, and links, enhancing overall usability.

## 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 central content area for goal tracking, and a footer for additional resources and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (for managing user goals and progress).

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for the dashboard, goal creation, progress tracking, and resource linking.
3. **Implement Routing**: Set up React Router for navigating between the dashboard and individual goal pages.
4. **State Management**: Integrate Redux to manage the app's state, enabling users to create, update, and track goals.
5. **Design Layout**: Apply Tailwind CSS to create a clean and minimalist layout, ensuring responsiveness across devices.
6. **Testing**: Conduct thorough testing to ensure all features work as intended and the user experience is seamless.

## USER EXPERIENCE
Users will interact with a straightforward dashboard where they can view all their goals for the year. Creating a new goal involves filling out a simple form, uploading relevant images, and linking resources. Progress can be tracked through checkboxes next to each sub-goal, providing immediate feedback on achievements. The overall experience emphasizes ease of use, allowing users to focus on their personal development without distractions. 

This application will serve as a powerful tool for individuals looking to maintain their focus and track their achievements over time.