💕 Valentine's Ultimate

A sophisticated Valentine's Day web app featuring an advanced love calculator and a customizable card creator.

Features

🧮 Advanced Love Calculator

• Multi-factor compatibility analysis using:

  • Numerology (name letter values)
  • Zodiac sign compatibility (12 signs, element-based)
  • MBTI personality type matching (16 types)
  • Common letter analysis
  • Deterministic scoring (same names = same result)

• Interactive visual feedback

  • Animated score circle with gradient
  • Real-time confetti for high scores (75%+)
  • Dynamic love messages based on score

• History & sharing

  • Local storage for calculation history
  • Shareable URLs with embedded results
  • Quick reload from previous calculations

💌 Card Creator

• 6 Beautiful templates:

  • Romantic Rose
  • Elegant Gold
  • Modern Purple
  • Dreamy Sky
  • Passionate Red
  • Cosmic Stars

• Full customization:

  • Custom recipient and sender names
  • Personalized messages
  • 12 emoji options
  • Quick message templates

• Photo support:

  • Upload personal photos
  • Choose positioning (top, bottom, or background)
  • Transparent overlay effect

• Export:

  • Download cards as high-quality PNG
  • Perfect for sharing on social media

Tech Stack

• Next.js 15 with App Router
• TypeScript for type safety
• Tailwind CSS for styling
• canvas-confetti for celebration effects
• html2canvas for card export
• lucide-react for icons

Live Demo

🔗 valentine-ultimate.vercel.app

Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

Deployment

This project is deployed on Vercel with automatic builds from the main branch.

License

MIT License - Feel free to use and modify!

---

Made with ❤️ by @SamDevRel for Valentine's Day 2026