A playful web application for creating digital letters with various interactive elements. Built with Next.js and TypeScript.
- 📝 Add sticky notes with customizable colors
- 📷 Upload and add photos with captions
- 🎤 Record and add voice messages
- 🎵 Embed Spotify tracks
- ✏️ Draw doodles and sketches
- 🖱️ Drag and drop interface
- 🔄 Rotate and position items freely
- Next.js 14
- TypeScript
- Tailwind CSS
- Web Audio API
- Canvas API
- shadcn/ui
- Clone the repository
- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser
- Click on toolbar items to add different elements to your letter
- Drag elements to position them
- Hover over elements to reveal controls
- Click the delete button to remove elements
- Use the color picker to customize note colors
- Record voice messages directly in the browser
- Draw doodles with the pencil tool
- Add Spotify tracks via embed URLs
MIT