Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The NID Maker website is a web application designed to facilitate the creation of National Identity Cards for citizens of Bangladesh. This application will streamline the process of generating identity cards by providing users with an easy-to-use interface, ensuring a smooth and efficient experience.

## CORE FEATURES
1. **User Registration and Login**: Secure user authentication allowing users to create accounts and log in to access the application.
2. **NID Application Form**: A straightforward form for users to input personal information required for the National Identity Card.
3. **Document Upload**: Functionality for users to upload necessary documents (e.g., photos, proofs of identity) securely.
4. **Application Status Tracking**: Users can track the status of their NID application in real time.
5. **Contact and Support**: A dedicated section for users to reach out for help or support regarding their applications.
6. **Responsive Design**: A design that adapts seamlessly across various devices, ensuring usability on mobile and desktop.

## 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 hero section for the application description, followed by the application form, and sections for tracking application status and support.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux Toolkit (if needed).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Redux Toolkit to the project.
3. **Create Layout Structure**: Build the main layout with a top navigation bar, hero section, and application form components.
4. **Develop User Authentication**: Implement registration and login functionalities with secure authentication.
5. **Build NID Application Form**: Create the form component with input fields for user data and document uploads.
6. **Implement Status Tracking**: Develop a feature for users to check the status of their applications using API calls.
7. **Create Support Section**: Add a contact form or chat support feature for user inquiries.
8. **Responsive Design Testing**: Ensure the application is fully responsive and functional across all devices.
9. **Deploy Application**: Choose a hosting service (e.g., Vercel, Netlify) to deploy the application for public access.

## USER EXPERIENCE
Users will start by registering for an account or logging in. Once authenticated, they will be directed to the NID application form where they can fill out their personal details and upload required documents. After submission, users can navigate to the application status section to track their application progress. The interface will provide clear navigation and feedback throughout each interaction, ensuring a seamless and user-friendly experience.