Site semelhante ao https://www.ifood.com.br/
Generated Prompt
## APPLICATION OVERVIEW The project is a web application similar to iFood, designed to facilitate food ordering and restaurant management. It includes three main user roles: customers, restaurant owners, and admins, each with specific functionalities to enhance the user experience and streamline operations. ## CORE FEATURES 1. **Customer Registration and Wallet**: Customers can sign up for an account, manage their profiles, and maintain a wallet balance for making orders. 2. **Order Management**: Customers can browse menus, place orders, and track their order history. 3. **Restaurant Catalog Management**: Restaurant owners can create and edit their catalogs, add new products, and manage order fulfillment. 4. **Earnings Dashboard**: Restaurant owners have access to a dashboard displaying their earnings and order statistics. 5. **Admin Control Panel**: Admins can view all customer and restaurant data, with permissions to deactivate accounts if necessary. ## 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 consist of a top navigation bar, a sidebar for restaurant owners (if applicable), and a responsive grid layout for displaying products and orders. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Redux or Zustand (choose based on complexity needs). ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.). 2. **Create User Authentication**: Implement user registration and login functionality. Use a secure method to handle user credentials. 3. **Develop Customer Features**: Create components for customer profile management, wallet integration, and order placement. 4. **Build Restaurant Features**: Develop the restaurant dashboard for catalog management, including product addition, editing, and order tracking. 5. **Admin Control Panel**: Implement the admin dashboard to view and manage customer and restaurant accounts. 6. **Design Responsive Layout**: Ensure the application is fully responsive across devices using Tailwind CSS utilities. 7. **Testing**: Conduct thorough testing of all features and user flows to ensure a smooth experience. ## USER EXPERIENCE The application will offer a seamless experience where customers can easily register and manage their accounts, browse restaurant menus, and place orders. Restaurant owners will have intuitive access to manage their offerings and track earnings. Admins will have comprehensive oversight to maintain the platform's integrity. The minimalist design will ensure clarity and ease of use, fostering a pleasant interaction for all users.
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!
