Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to send notifications for pending sales whenever a customer clicks "Finalize Purchase." It integrates with the Umtify API to deliver real-time updates directly to the Umtify app, enhancing the transaction process for businesses.

## CORE FEATURES
1. **Real-time Notifications**: Sends immediate alerts to the Umtify app whenever a customer clicks "Finalize Purchase," ensuring timely updates for sales teams.
2. **API Integration**: Utilizes the Umtify API with provided token to authenticate and send notifications seamlessly.
3. **User Authentication**: Secure login system for users to manage their notification preferences and settings.
4. **Dashboard Overview**: A simple dashboard displaying recent notifications, allowing users to track sales activity at a glance.
5. **Settings Management**: Options for users to customize notification settings, such as enabling/disabling alerts and configuring preferences.
6. **Responsive Design**: Optimized for mobile and desktop devices to ensure a consistent user experience across platforms.

## 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 include a top navigation bar, a central dashboard section for notifications, and a sidebar for settings management.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for global state management (if needed)

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Create API Integration**: Develop functions to handle API calls to Umtify using the provided token and ensure secure communication.
3. **Develop Authentication System**: Implement user login and registration functionality to manage user sessions.
4. **Design Dashboard Layout**: Build the main dashboard with a notification display and settings sidebar using Tailwind CSS for styling.
5. **Implement Notification Logic**: Create the logic that listens for the "Finalize Purchase" action and triggers the notification to Umtify.
6. **Testing and Debugging**: Conduct thorough testing to ensure all features work as expected and fix any bugs that arise.

## USER EXPERIENCE
Users will have a straightforward interaction flow. Upon logging in, they will be greeted by the dashboard displaying recent notifications. They can easily customize their settings through the sidebar. When a customer completes a purchase, users receive an instant notification, allowing them to stay updated on sales activity in real-time. The design focuses on clarity and ease of use, ensuring that users can navigate without confusion.