ID Card Generator

A modern web-based ID card generator that allows users to create professional employee ID cards with a beautiful user interface.

Features

• 🎨 Modern and responsive user interface
• 📝 Real-time ID card preview
• 📸 Photo upload and preview
• 🏢 Company logo upload
• 📥 Download generated ID cards
• 🎯 Form validation
• 📱 Mobile-friendly design

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• html2canvas (for ID card download)
• Google Fonts (Roboto)

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, or Edge)
• Basic understanding of HTML, CSS, and JavaScript (for development)

Installation

1. Clone the repository:

   git clone [repository-url]

2. Navigate to the project directory:

   cd id-card-generator

3. Open index.html in your web browser or set up a local server.

Usage

1. Fill in the employee details:

   • Full Name
   • Employee ID
   • Department
   • Position

2. Upload required images:

   • Company Logo (optional)
   • Employee Photo (required)

3. Preview the ID card in real-time

4. Click "Generate ID Card" to create the card

5. Use the "Download ID Card" button to save the generated ID card

Project Structure

├── index.html          # Main HTML file
├── styles.css          # CSS styles
├── script.js           # JavaScript functionality
└── favicon.ico         # Website favicon

Features in Detail

ID Card Form

• Input validation for required fields
• File upload for company logo and employee photo
• Real-time preview updates

ID Card Preview

• Professional layout with company logo
• Employee photo display
• Employee details section
• Valid until date
• Download functionality

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Acknowledgments

• html2canvas for the card download functionality
• Google Fonts for the Roboto font family