Program that mimics any phone number. Focusing on functionality
Generated Prompt
```markdown PROJECT DEFINITION Build a web application that mimics any phone number, allowing users to input a valid phone number and receive a simulated response that displays the potential information associated with that number. The application should focus on user experience and provide a clean, minimalist interface. 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.js for the frontend - Backend: Node.js with Express for handling requests - Database: MongoDB to store phone number data - Constraints: Ensure the application complies with privacy laws and ethical guidelines regarding the simulation of phone number information. BREAKDOWN INTO TASKS 1. Set up the project structure using Create React App. 2. Design the user interface with a form for inputting the phone number. 3. Implement the backend API using Node.js and Express to handle phone number requests. 4. Create a MongoDB database to store and retrieve information related to phone numbers. 5. Implement logic to simulate the response based on the input phone number. 6. Style the application according to the design requirements using CSS and the specified typography. 7. Test the application to ensure all features work as intended. IMPLEMENTATION GUIDANCE 1. Initialize a new React project with Create React App. 2. Create a simple form component that allows users to input a phone number. 3. Set up an Express server that listens for requests from the React frontend. 4. Connect the MongoDB database and create a schema for storing phone number data. 5. Write the logic in your server to handle incoming requests, simulate a response, and send it back to the frontend. 6. Style the application using CSS, ensuring to incorporate the primary color, typography, and border radius in your design. ITERATION STRATEGY - After completing the initial implementation, gather user feedback on the interface and functionality. - Refine the UI based on usability testing and enhance the response simulation logic based on user input. - Continuously improve the application by adding features such as user authentication or additional data analytics if needed. TESTING & VALIDATION - Test the application by simulating various phone number inputs and verify the accuracy of the responses. - Conduct usability tests with potential users to gather feedback on the design and functionality. - Ensure compliance with privacy regulations by reviewing the application against legal standards regarding the use of phone number information. ```
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!
