Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
nearbuy is a web application designed to connect local shops with nearby customers, facilitating easy ordering and fast local delivery. This platform aims to empower small businesses by enhancing their digital presence and providing customers with a convenient way to shop locally, minimizing reliance on large e-commerce platforms.

## CORE FEATURES
1. **Shop Directory**: A searchable directory of local shops categorized by product type, allowing customers to easily find nearby vendors.
2. **Product Listings**: Each shop can create detailed product listings with images, descriptions, and prices, showcasing their offerings.
3. **Order Management**: Customers can add products to a cart and place orders directly through the platform, with options for pickup or delivery.
4. **User Profiles**: Customers can create profiles to save favorite shops, track orders, and manage payment methods.
5. **Notifications**: Real-time notifications for order updates, new products, and promotions from favorite shops to enhance customer engagement.
6. **Vendor Dashboard**: A dedicated space for shop owners to manage their inventory, view orders, and analyze sales data.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a focus on content readability. The overall aesthetic should convey simplicity and functionality.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high readability and a pleasant browsing experience.
- **Layout**: A grid-based layout for the shop directory and product listings, with a fixed header for easy navigation. Each product should be displayed in a card format with ample spacing between elements to maintain clarity.
- **Typography**: Use a sans-serif font for a modern look, with a clear hierarchy. Headings should be bold and larger in size, while body text should be regular weight for easy reading. Suggested font pair: "Inter" for headings and "Roboto" for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling to streamline the design process and maintain consistency.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design ethos.
- **State Management**: Use React Context API or Redux for managing global state, ensuring smooth data flow across components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary state management libraries.
3. **Create Folder Structure**: Organize the project into components, pages, services, and styles directories for better maintainability.
4. **Design Header and Footer**: Develop a responsive header for navigation and a footer for additional information and links.
5. **Build Core Features**: Start by implementing the shop directory and product listing functionalities, ensuring each shop can be searched and displayed correctly.
6. **Implement Order Management**: Create the cart functionality and integrate order placement with options for pickup or delivery.
7. **Develop User Profiles**: Allow users to create and manage profiles, including order history and favorite shops.
8. **Set Up Notifications**: Implement a notification system to keep users informed about their orders and updates from shops.
9. **Test Responsiveness**: Ensure the application is fully responsive, providing a seamless experience across devices.
10. **Deploy**: Prepare the application for deployment using a platform like Vercel or Netlify for easy hosting.

## USER EXPERIENCE
Users will have a straightforward journey starting from the landing page, where they can easily navigate through the shop directory. They can search for local shops, browse products, and add items to their cart. The checkout process will be smooth, with clear prompts and options for delivery or pickup. Notifications will keep users engaged, while the aesthetic design will enhance their overall experience, making shopping locally a convenient and enjoyable process.