Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Visiting Card Generator πŸ’Ό

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 .


πŸš€ Features

  • 🎨 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)

πŸ“‚ Project Structure

Visiting card

  • index.html # Main UI and layout
  • style.css # Styling for form and card
  • script.js # Logic for generating card preview

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3 (Flexbox + Custom Design)
  • JavaScript (DOM Manipulation)

Optional Backend:

  • PHP (Data handling)
  • SQLite (Storage)

πŸ–₯️ How to Run

  1. Clone or download this repository.
  2. Open index.html in your browser.
  3. Fill in the form and select your card preferences.
  4. Click Generate Card to see your preview instantly.

πŸ“Œ Future Improvements

  • Export card as image or PDF
  • User authentication system
  • Save card designs to database
  • Share card via QR code or link

πŸ§‘β€πŸ’» Author

Developed by Arunendra Tripathi
πŸ“§ Email: 9arunendratripathi4826@gmail.com
πŸ”— LinkedIn


πŸ“„ License

This project is open-source and free to use for educational purposes.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages