Profile_Card_Generator

A lightweight web application that allows users to instantly create a profile card by entering their details. The generated card can be downloaded as an image or copied directly to the clipboard for easy sharing on social media, portfolios, or resumes.

This project was built while exploring JavaScript libraries and strengthening core frontend fundamentals.

🚀 Features

• Generates Profile Card instantly
• Export the Profile Card as a PNG image
• Copy to clipboard for quick sharing
• Fully browser-based (no backend required)
• 🌙 Dark / Light theme toggle

---

🛠 Tech Stack

Frontend

• HTML
• CSS
• JS

Libraries Used

• downloadjs
• html2canvas

---

📚 What I Learned

Through this project I explored:

• DOM manipulation with JavaScript
• Handling user input dynamically
• Converting HTML to images using html2canvas
• Implementing clipboard and download functionality
• Structuring a clean frontend project

This project helped strengthen my JavaScript fundamentals and real-world UI implementation skills

---

🔮 Future Improvements

• 🔴 Live preview of Profile Card while entering details
• 🎨 Multiple profile card templates
• 📱 Better mobile responsiveness
• 🧩 Option to upload profile picture

Website live at https://sahasra-iiits.github.io/Profile_Card_Generator/

Developed by Sahasra Gubba