Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Domain Management System is a web application designed to efficiently track domains and their subdomains, alongside essential details such as expiry notifications, DNS settings, and WHOIS information. The application aims to provide users with a streamlined interface for monitoring their domain portfolio while ensuring timely alerts for renewal.

## CORE FEATURES
1. **Domain Dashboard**: A centralized view displaying all registered domains and subdomains, along with key metrics such as expiry dates and status indicators.
2. **Expiry Notifications**: Automated email notifications sent to users as their domains approach expiry, ensuring they never miss a renewal deadline.
3. **DNS Management**: An interface for users to manage DNS records, enabling easy updates and modifications to domain settings.
4. **WHOIS Lookup**: Integrated WHOIS details for each domain, allowing users to view registration information and ownership details directly within the app.
5. **Subdomain Tracking**: Functionality to add and monitor subdomains, providing insights into usage and performance.
6. **User Management**: Secure user accounts with role-based access, enabling multiple users to manage domains collaboratively.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that emphasizes usability. The interface should feature ample white space to enhance readability and focus on content.
- **Color Mode**: Dark theme with a palette consisting of subtle accents against a primarily dark background. Use light text for high contrast and easy legibility.
- **Layout**: A grid-based layout for the dashboard, with cards for each domain providing a quick overview, and a sidebar navigation for easy access to features like DNS management and WHOIS lookups.
- **Typography**: Use a sans-serif font such as "Inter" or "Roboto" for clean readability. Establish a hierarchy with larger font sizes for headings and smaller sizes for body text, ensuring a clear visual flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type checking and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations.
- **UI Components**: Utilize shadcn/ui for consistent and modern UI components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Redux, depending on the complexity of state management needs.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop core components such as DomainCard, Dashboard, DNSManager, and WHOISLookup. Ensure each component follows the established design specifications.
4. **Implement Routing**: Set up React Router to navigate between different sections of the application (Dashboard, DNS Management, etc.).
5. **State Management**: Implement state management to handle user data, domains, and notifications, ensuring data is passed efficiently between components.
6. **Email Notification System**: Integrate a backend service (e.g., Node.js with Nodemailer) to handle email notifications for domain expirations.
7. **Testing**: Conduct comprehensive testing of the application to ensure functionality and responsiveness across various devices and screen sizes.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for easy access and management.

## USER EXPERIENCE
Users will initiate their experience by logging into the application, where they are greeted with a clean dashboard displaying their domains. Each domain card will provide quick access to detailed management options, including DNS settings and WHOIS information. Users will receive timely notifications via email ahead of domain expirations, and can easily navigate through the app using a sidebar. The overall design will prioritize clarity and simplicity, allowing users to focus on managing their domains effectively. Responsive design will ensure the application is functional on both desktop and mobile devices.