Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to manage resident details, including employee information and utility billing, while providing a user-friendly interface for data entry, report generation, and amenity booking. The application will offer customizable features, allowing users to tailor the experience to their specific needs.

## CORE FEATURES
1. **Resident Management**: Users can add, edit, and delete resident details, including employee name, SAP ID, quarter ID, and more. The app will allow for categorization of employees as Regular or Contractual, with specific fields for contractual types and services.

2. **Utility Billing Panel**: An interface for uploading monthly electricity readings, which includes fields for tower and quarter numbers, previous and current readings. Users can also create and manage electricity group names with associated formulas for calculation.

3. **Template Management**: Options for downloading templates for bulk resident uploads, quarter allotment letters, and utility billing reports. Users can also upload resident lists in bulk using these templates.

4. **Amenity Booking System**: A feature for booking community halls where users can add or delete halls, specify booking dates, and purposes. Reports can be generated based on monthly or yearly bookings.

5. **Dynamic Reporting**: Generate reports based on resident counts, utility readings, and amenity bookings, customizable by date or SAP/quarter ID.

6. **Dashboard**: A centralized dashboard displaying key metrics, including resident counts, utility billing status, and amenity bookings, providing a comprehensive overview of the application's data.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design focused on simplicity, featuring ample white space and a clean layout.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: A grid layout for the dashboard with sections for resident management, utility billing, amenity booking, and reports. Each feature will have its own responsive card for easy navigation.
- **Typography**: Use a sans-serif font like **Roboto** for body text and a bold sans-serif font for headings to ensure clarity and hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust, type-safe application.
- **Styling**: Tailwind CSS for utility-first styling that promotes rapid design.
- **UI Components**: Utilize **shadcn/ui** for consistent and accessible UI components.
- **State Management**: Use React's Context API or Zustand for managing application state effectively.
- ** Database88: Please use google sheet as database for all

## IMPLEMENTATION STEPS
1. Set up the project environment with React, TypeScript, and Tailwind CSS.
2. Create core components for resident management, utility billing, amenity booking, and reporting.
3. Develop forms for data entry, ensuring they are user-friendly and validate inputs.
4. Implement API integration for handling data storage and retrieval.
5. Design the dashboard layout and integrate visual components to display key metrics.
6. Build the reporting functionality, creating export features for different data types.
7. Test the application thoroughly to ensure responsiveness and usability across devices.

## USER EXPERIENCE
Users will experience an intuitive workflow, starting from the dashboard, where they can quickly navigate to resident management, utility billing, or amenity booking. The customizable features allow users to adapt forms and reports to their specific needs, enhancing their overall efficiency. The application will be responsive, ensuring a seamless experience on both desktop and mobile devices.