Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW

This web application is designed to facilitate the translation of text contained in uploaded Excel files. Users can upload their files, and the application will extract the primary language and preferred language columns which are same and common from each row, translating the content accordingly. The focus is on providing a professional, minimalist interface that enhances usability and visual appeal.



## CORE FEATURES

1. **File Upload**: Users can easily upload Excel files containing multiple rows and columns for processing.

2. **Translation Engine**: Utilizes the existing backend logic to translate the extracted content based on the identified languages.

3. **Download Translations**: After processing, users can download the translated content in a user-friendly format, such as a new Excel file.

4. **User Accounts**: Optional user authentication to allow users to save their settings and translation history.

5. **Responsive Design**: Ensures compatibility across various devices, providing a seamless experience on desktops, tablets, and smartphones.

## 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 consist of a top navigation bar, a central content area for file upload and translation display, and a footer. The interface will include clear sections for each feature, ensuring ease of navigation and interaction.



## TECHNICAL REQUIREMENTS

- **Framework**: React with TypeScript

- **Styling**: Tailwind CSS

- **UI Components**: shadcn/ui

- **State Management**: React Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS

1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS.

2. **Create the File Upload Component**: Implement a user-friendly file upload interface utilizing a drag-and-drop feature.

3. **Build the Translation Logic**: Integrate the existing backend logic to handle file processing and translation requests.

4. **Develop the Main User Interface**: Create components for displaying the uploaded file's content, translation results, and downloadable links.

5. **Implement User Authentication**: If required, set up user accounts with authentication flows using libraries like Firebase or Auth0.

6. **Test Responsiveness**: Ensure the application is responsive and works well on various screen sizes by using Tailwind CSS utility classes.

7. **Deploy the Application**: Use platforms like Vercel or Netlify for deployment, ensuring all features function as intended in a production environment.

## USER EXPERIENCE

Users will interact with the application primarily through the file upload feature, where they can drag and drop their Excel files or select them from their device. Once the file is uploaded, the application will automatically parse the data, detect languages, and present the translation results in a clear format. Users will have the option to download the translated content, and they can create accounts to save their translations for future reference. The minimalist design ensures that users can navigate the application easily without unnecessary distractions, while animations enhance feedback during file uploads and processing.

this is a basic prompt I want it to have page wise and also animations and actually look like a translation application , please enhance it without complication, keep it aesthetically appealing , have very good eye candy animation such that once people see they think it is a crazy startup, add home landing page , really cool transitions between pages, keep it minimal no of pages , have a view of uploaded excel sheet , also have glass morphisim etc