Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Savify is a modern mobile application designed to help young adults and adults save money automatically, simply, and personalized. The app provides features that assist users in setting savings goals, tracking their progress, and automating savings, all within a clean, intuitive interface.

## CORE FEATURES
1. **Welcome Screen**: Introduces Savify with the message "Ahorra hoy, consigue tus metas mañana" and a prominent button to start the experience.
2. **Main Dashboard**: Displays total savings, monthly savings, and a visual summary of the user's progress towards their goals.
3. **Savings Goals**: Allows users to create personal savings objectives, such as buying a house or traveling, showing the target amount, accumulated savings, and a progress bar.
4. **Automatic Savings**: Enables users to automate small savings amounts, including rounding up purchases to the nearest whole number.
5. **Progress Tracking**: Incorporates graphs, monthly statistics, and estimates for when each goal will be reached.
6. **Motivational Messages**: Provides positive notifications and visual cues when users achieve milestones in their savings goals.

## 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 app layout features a responsive design with a bottom navigation menu that includes sections for Home, Goals, Savings, and Profile. Each section will be easily accessible through interactive buttons that simulate the main functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for state management.

## IMPLEMENTATION STEPS
1. Set up the React project with TypeScript and Tailwind CSS.
2. Create the main structure of the application, including the bottom navigation menu.
3. Develop the Welcome Screen component with the introductory message and start button.
4. Build the Main Dashboard component to display total savings and progress.
5. Implement the Savings Goals feature, allowing users to create and manage their goals.
6. Add the Automatic Savings functionality to enable rounding up purchases.
7. Create the Progress Tracking component with graphs and statistics.
8. Integrate motivational messaging notifications to encourage users.
9. Populate the application with example data to demonstrate functionality without needing real bank connections.
10. Test and refine the user interface for responsiveness and usability.

## USER EXPERIENCE
Users will start on the Welcome Screen, where they can easily navigate to the Main Dashboard after clicking the start button. The Main Dashboard will provide a clear overview of their savings, while they can access their goals through the bottom navigation. The Automatic Savings feature will be straightforward, allowing users to set preferences easily. Users will receive timely motivational messages as they make progress, enhancing their experience and encouraging continued engagement. The overall flow will be designed to be intuitive, ensuring users can achieve their savings goals with minimal effort.