Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that allows end-users to upload three photos, each associated with specific titles: "KM," "PLACA," and "BOMBA." Users will also fill out a form with their details. An admin area will enable the administrator to view the uploaded photos in a horizontal table format and the submitted form data in a list.

## CORE FEATURES
1. **Photo Upload**: Users can upload three images, each categorized under specified titles.
2. **User Form Submission**: A form collects user information, including "NOME DO MOTORISTA," "MATRICULA," and "EQUIPE."
3. **Admin Dashboard**: An admin login area where the administrator can view uploaded photos in a table format and see user submissions in a list.
4. **Responsive Design**: The application will be designed to work smoothly on both desktop and mobile devices.
5. **Data Storage**: All uploaded photos and form data will be securely stored in the backend.

## 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 central area for photo uploads, with the form directly below it. The admin section will have a sidebar with a login form for admin access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in state management or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize a new React application with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and any other required libraries (e.g., shadcn/ui).
3. **Create components**:
   - Photo upload component for users.
   - Form component for user details.
   - Admin login component.
   - Admin dashboard component to display photos and form data.
4. **Set up routing**: Implement routing for user and admin sections using React Router.
5. **Implement backend**: Create a simple backend using Node.js or similar to handle photo uploads and data storage.
6. **Connect frontend with backend**: Use Axios or Fetch API to send and retrieve data from the backend.
7. **Style components**: Use Tailwind CSS to style components, ensuring they adhere to the design specifications.
8. **Testing**: Test the application across devices to ensure responsive design and functionality.

## USER EXPERIENCE
Users will interact with a straightforward interface where they can easily upload images and submit their information. The admin will have a secured login area, allowing them to view uploaded images and submissions in a well-organized manner. The responsive design ensures that users can access the application from any device without losing functionality or ease of use.