Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a platform for individuals looking to collaborate on projects by completing a questionnaire and a test that evaluates their qualities. Users can create profiles, take a test, and connect with other users based on their proximity and shared interests, facilitating project partnerships in a transparent manner.

## CORE FEATURES
1. **User Registration and Profile Creation**  
   Users can sign up and create a profile by providing their personal details and preferences.

2. **Qualifying Questionnaire and Test**  
   A simple and engaging questionnaire followed by a test that assesses user skills and interests to match them with potential collaborators.

3. **Profile Matching**  
   After completion of the test, users receive recommendations for other users whose profiles align with their own, based on location, education, and work.

4. **Profile Visualization**  
   Display profiles of potential collaborators, showing their names, scores, and ongoing projects, making it easy for users to find suitable partners.

5. **Contact Options**  
   A straightforward mechanism for users to initiate contact with others, allowing for seamless communication and project discussions.

6. **User Dashboard**  
   A minimalistic dashboard that summarizes user activity, matched profiles, and pending projects, promoting user engagement.

## 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**: A single-column layout for the home page with clear sections for the hero area, features overview, and a call-to-action button, followed by user testimonials and a contact form.

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

## IMPLEMENTATION STEPS
1. **Set up the React Application**  
   Initialize a new React project using Create React App with TypeScript support.

2. **Install Dependencies**  
   Install Tailwind CSS and any other necessary libraries (e.g., shadcn/ui) for UI components and styling.

3. **Create the Main Components**  
   Develop components for user registration, profile creation, questionnaire, dashboard, and profile visualization.

4. **Implement Routing**  
   Set up React Router to manage navigation between different sections of the application.

5. **Design the User Interface**  
   Apply Tailwind CSS classes to ensure a clean and minimalist visual style, adhering to the design specifications provided.

6. **Build the Backend**  
   Set up a simple backend with an API to handle user data, questionnaire responses, and match profiles using a suitable backend technology (e.g., Node.js with Express).

7. **Connect Frontend and Backend**  
   Utilize Axios or Fetch API to connect the frontend with the backend for user registration, test submissions, and profile matching functionalities.

8. **Test the Application**  
   Perform thorough testing to ensure all features work as intended and the user experience is seamless across different devices.

## USER EXPERIENCE
Users will start on a welcoming landing page where they can quickly register and create a profile. After completing the questionnaire and test, they will be presented with a list of potential collaborators. The interface will allow users to view these profiles and initiate contact easily, ensuring a smooth and engaging experience throughout their journey on the platform.