E-CARD is a simple yet dynamic web application where users can share their thoughts, wishes, and messages with personalized styling. This practice project allows users to create a beautiful e-card with their own:
- Background Image 🎨
- Avatar 🖼️
- Name & Quote ✍️
- Dynamic Avatar Border Color (Changes based on the background image) 🌈
Once the e-card is designed, users can download their final creation with a single click! 📥
✅ Upload a custom background image.
✅ Add an avatar, name, and quote.
✅ Avatar border color changes dynamically based on the background.
✅ Preview your personalized e-card before saving.
✅ Download your card with a single click.
- Frontend: React
- Deployment: Vercel
If you want to run the project locally:
# Clone the repository
git clone https://github.com/spsujoy007/E-CARD.git
# Navigate to the project folder
cd E-CARD
# Open the index.html file in your browser
- 🎭 More customization options (Fonts, Colors, Stickers)
- 📤 Direct sharing to social media platforms
- 🎨 Pre-designed templates
Feel free to fork the project, raise issues, or submit pull requests to improve the project. Your contributions are always welcome! 🚀
For any suggestions or collaboration, reach out to me on GitHub!
GitHub Profile