timeless-love-anniversary-app

A romantic, interactive anniversary gift builder. Create a personalized experience with names, photos, music, love letters, timeline moments, and a surprise reveal. Then share it with a single link.

Live

• Live site: https://anniversary-sp.vercel.app/
• Vercel project: https://vercel.com/navaneeth-k-vs-projects/anniversary-sp/HTGwuC9TnCJ2w4HpwHgZ44ivuZBE

Features

• Guided creator mode for names, date, letters, timeline, photos, and music
• Multiple unlock modes for the surprise reveal
• Shareable link generation
• Local draft save and JSON export/import for backup
• Optional Cloudinary upload support for reliable media sharing

Tech Stack

• React + Vite
• React Router
• Tailwind CSS
• Framer Motion

Getting Started

npm install
npm run dev

Usage

1. Open the Creator page and fill in the details.
2. Add photos and music.
3. Click Copy share link and send it to your partner.
4. Use Generate Anniversary Experience to preview the gift.

Sharing Tips (Important)

• Avoid large embedded media in the link.
• Use hosted URLs for photos and audio (Cloudinary works well).
• Very long URLs can break in some browsers and services.

JSON Export/Import

• JSON export is a backup for yourself, not for sharing with someone.
• If you export, you can import the same file later to continue editing.

Screenshots

Add your screenshots to the screenshots folder and update the files below:

Deployment Notes

This project uses client-side routing. The vercel.json file includes a rewrite rule so links like /anniversary?data=... work on refresh and direct visits.

License

MIT. See LICENSE.