A simple and interactive web app that allows users to design personalized visiting cards using customizable colors, formats, and personal information. It provides a real-time preview and can be extended to store user data using a backend .
- π¨ Choose from 4 pre-designed card formats
- π Customize primary, secondary, and text colors
- π Input personal details (name, designation, email, etc.)
- π Live card preview updates instantly
- π± Responsive and clean UI
- βοΈ Modular structure (HTML, CSS, JS separated)
Visiting card
- index.html # Main UI and layout
- style.css # Styling for form and card
- script.js # Logic for generating card preview
- HTML5
- CSS3 (Flexbox + Custom Design)
- JavaScript (DOM Manipulation)
Optional Backend:
- PHP (Data handling)
- SQLite (Storage)
- Clone or download this repository.
- Open
index.htmlin your browser. - Fill in the form and select your card preferences.
- Click Generate Card to see your preview instantly.
- Export card as image or PDF
- User authentication system
- Save card designs to database
- Share card via QR code or link
Developed by Arunendra Tripathi
π§ Email: 9arunendratripathi4826@gmail.com
π LinkedIn
This project is open-source and free to use for educational purposes.