Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The DN Technology POS app is a premium dark Android-style point-of-sale application designed to integrate with Firebase for seamless data management and user authentication. The app will enable efficient product management, order processing, and customer relations while providing a clean and minimalist user interface.

## CORE FEATURES
- **Firebase Authentication**: Secure user login for both admin and staff with role-based access controls.
- **Products Management**: Easy management of products and accessories, including additions and updates in real-time.
- **POS Checkout Screen**: A user-friendly checkout interface for processing customer transactions quickly.
- **Orders History**: Access to a comprehensive history of all orders placed within the app.
- **Revenue Dashboard**: An insightful dashboard for admins to view revenue statistics and profit reports.
- **Barcode Scanner**: Integrated barcode scanning functionality to streamline product checkouts.

## 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 feature a top navigation bar, a sidebar for navigation, and a main content area for displaying the dashboard, product management, and transaction screens.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Context API or Redux (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Firebase**: Create a Firebase project and configure the Firebase SDK with the provided configuration.
2. **Create React App**: Initialize a new React app using Create React App with TypeScript support.
3. **Install Dependencies**: Install necessary packages including Firebase, Tailwind CSS, and shadcn/ui components.
4. **Implement Authentication**: Set up Firebase Authentication for admin and staff login with role-based access controls.
5. **Design UI Components**: Create UI components using Tailwind CSS, adhering to the specified design specifications.
6. **Integrate Firestore**: Set up Firestore collections for users, products, customers, suppliers, orders, expenses, settings, serial_numbers, and deliveries.
7. **Develop Core Features**: Implement product and order management features, including the POS checkout functionality and revenue dashboard.
8. **Test Functionality**: Ensure all features work as expected, including offline sync support and language toggling between Sinhala and English.
9. **Deploy Application**: Host the application on a suitable platform for easy access and use.

## USER EXPERIENCE
Users will interact with the app through a streamlined interface, where they can easily navigate between the dashboard, product management, and checkout processes. The integration of the barcode scanner will simplify transactions, while the revenue dashboard will provide admins with crucial insights into the business operations. Language toggling will enhance accessibility for both Sinhala and English speakers, ensuring a wider user base. The design prioritizes clarity and ease of use, allowing staff to focus on customer service without unnecessary distractions.