Lovable Prompt Creator - AI Prompt Generator

```markdown
# PROJECT DEFINITION
Create a web application that allows users to create custom ROMs for Android devices. The site should enable users to upload system images, firmware files, and other necessary resources to build their custom ROMs. It must also inform users about the necessity of unlocking their bootloader to flash the custom ROM. The application should have a user-friendly interface that simplifies the ROM creation process while providing detailed guidance and support.

# DESIGN REQUIREMENTS
- 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

# TECH STACK & CONSTRAINTS
- Language: JavaScript
- Framework: React for the front end, Node.js for the back end
- Database: MongoDB or Firebase for storing user data and uploaded files
- Ensure responsive design for mobile and desktop users
- Implement user authentication to save user sessions and custom ROM projects

# BREAKDOWN INTO TASKS
1. **Set Up the Project Structure:**
   - Initialize a React application and Node.js server.
   - Set up routing for different sections of the app (ROM creation, user profile, help section).

2. **User Authentication:**
   - Implement user registration and login features.
   - Create user profiles to manage their custom ROM projects.

3. **ROM Creation Interface:**
   - Build a form for users to input details about their custom ROM (name, description, etc.).
   - Allow users to upload .img files and other necessary resources.

4. **Backend Functionality:**
   - Create APIs for handling file uploads and storing user project data.
   - Implement logic to process uploaded files for ROM creation.

5. **User Guidance and Documentation:**
   - Provide step-by-step instructions and tips for unlocking bootloaders and flashing ROMs.
   - Include FAQs and support options for users.

6. **Testing and Deployment:**
   - Conduct usability testing with a focus group.
   - Deploy the application on Replit and ensure all functionalities work as intended.

# IMPLEMENTATION GUIDANCE
1. **Initialize the React App:**
   - Use `create-react-app` to set up the project.
   - Set up routes using React Router for different sections of the application.

2. **Create the Authentication System:**
   - Use libraries like Firebase Authentication or Passport.js for user authentication.
   - Store user sessions using cookies or local storage.

3. **Build the ROM Creation Form:**
   - Use form libraries (like Formik) to manage form state and validation.
   - Implement file upload functionality using a library like `react-dropzone`.

4. **Set Up the Backend:**
   - Use Express.js to create RESTful APIs for handling file uploads and user data.
   - Ensure proper handling of uploaded files, including validation and storage in a database.

5. **Documentation and User Support:**
   - Create a dedicated page for documentation with clear instructions and visuals.
   - Use Markdown for easy formatting of help content.

# ITERATION STRATEGY
- After completing each task, gather user feedback to identify areas for improvement.
- Prioritize bug fixes and usability enhancements based on user testing results.
- Continuously update the documentation based on user inquiries and common issues.

# TESTING & VALIDATION
- Test the application on multiple devices and browsers to ensure compatibility.
- Perform functional testing on all features, including user registration, file uploads, and ROM creation.
- Collect user feedback through surveys or direct communication to identify pain points and areas for enhancement.
```
Copy and paste this prompt into Replit to start building your custom ROM maker website.