App that connects companies' founders to my contact database.
Generated Prompt
## APPLICATION OVERVIEW This web application connects founders of companies with a diverse contact database. Users can input specific needs, allowing the system to match them with relevant contacts ranging from cooks to programmers, HR professionals to sports experts. The goal is to facilitate quick and effective networking by providing tailored recommendations. ## CORE FEATURES 1. **User Registration & Authentication**: Founders can create an account, log in, and manage their profiles securely. 2. **Contact Database**: A comprehensive database of contacts categorized by profession, country, and expertise. 3. **Matching Algorithm**: A simple input form where founders can describe their specific needs, and the algorithm matches them with suitable contacts based on predefined criteria. 4. **Profile Management**: Users can update their profiles, including preferences and past requests to improve future matches. 5. **Contact Communication**: Direct messaging functionality to reach out to matched contacts seamlessly. 6. **Feedback System**: Users can rate their experiences with contacts, helping to refine future matches. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and strong focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a pleasant user experience. - **Layout**: A single-page layout with a header for navigation, a main section for input and results, an area for feedback, and a footer with contact information. - **Typography**: Use a sans-serif font like "Helvetica" for headings and "Arial" for body text, maintaining a clear hierarchy with larger headings and consistent spacing. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building the user interface and ensuring type safety. - **Styling**: Tailwind CSS for utility-first styling that promotes a clean and efficient design. - **UI Components**: Utilize shadcn/ui components for a consistent and modern look. - **State Management**: Use React Context for managing user authentication state and matching data. ## IMPLEMENTATION STEPS 1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Authentication System**: Implement user registration and login functionality using JWT for secure sessions. 3. **Build Contact Database**: Set up a mock database or integrate with an existing API to manage contacts. 4. **Develop Matching Algorithm**: Create a function that takes input from the user and queries the contact database for matches based on specified criteria. 5. **Design User Interface**: Implement the layout using Tailwind CSS, ensuring responsive design for mobile and desktop views. 6. **Integrate Communication Features**: Add direct messaging capabilities between founders and their matched contacts. 7. **Implement Feedback System**: Create a mechanism for users to provide ratings and reviews for their contact interactions. 8. **Test User Flows**: Conduct usability testing to ensure smooth user interactions and refine the matching algorithm based on user feedback. ## USER EXPERIENCE Users will start by creating an account and logging in. Upon entering the app, they will see a clean interface with a prominent input form to specify their needs. After submission, the matching algorithm will display relevant contacts, allowing users to view profiles and initiate communication. Users can easily navigate between their profile, the matching feature, and feedback options, ensuring a seamless and enjoyable experience throughout the application.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
