Prompt para ser usado no lovable plataforma deve se tornar o principal guia comercial e turístico digital de Diamantina, reunindo em um único...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to serve as the primary digital commercial and tourist guide for Diamantina. It will consolidate relevant information for both tourists and residents, promote local commerce, enhance the visibility of entrepreneurs, and improve the overall experience for visitors in the city. The platform will function as a modern directory combining business catalogs, tourist guides, and geolocation features. ## CORE FEATURES 1. **Business Directory**: A comprehensive catalog of local businesses with detailed profiles, contact information, and user reviews to facilitate discovery and engagement. 2. **Tourist Guide**: Curated lists of attractions, activities, and events in Diamantina, including descriptions, operating hours, and visitor tips. 3. **Geolocation Services**: Interactive maps that help users find nearby businesses and attractions, providing directions and distance calculations. 4. **User Reviews and Ratings**: Enable users to leave feedback and rate businesses or attractions, helping others make informed decisions. 5. **Promotional Offers**: A section for local businesses to showcase special deals or events, encouraging user engagement and support for the local economy. 6. **Responsive Design**: Ensure the application is fully functional on both desktop and mobile devices, enhancing accessibility for all users. ## 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 include a top navigation bar, a hero section with a search feature, sections for featured businesses and attractions, and a footer with contact information and links to social media. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API (depending on complexity) ## IMPLEMENTATION STEPS 1. **Project Setup**: Initialize a new React project using Create React App with TypeScript. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Component Structure**: Develop components for the header, footer, business directory, tourist guide, and geolocation features. 4. **Routing**: Set up React Router for navigation between different sections of the application. 5. **State Management**: Implement state management using Redux or Context API to handle user data, reviews, and business listings. 6. **API Integration**: Connect the application to a backend API to fetch business and tourist information. 7. **Responsive Design**: Use Tailwind CSS to ensure the application is responsive and looks good on all devices. 8. **Testing**: Conduct thorough testing for functionality and user experience across different devices. ## USER EXPERIENCE Users will have a seamless experience navigating the application, starting from the hero section where they can search for businesses or attractions. They will be able to view detailed information about each listing, leave reviews, and easily access geolocation features to find directions. The interface will be intuitive, ensuring that both tourists and residents can quickly find what they need and feel encouraged to explore the local offerings. The minimalist design will enhance readability and the overall user experience, making it easy for users to engage with the content.
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!
