Community

About

This app is a celebratory birthday experience designed to deliver a fun and interactive way to send birthday wishes. Upon launching the app, users are greeted with a prominent "Happy Birthday!" message that appears with a smooth animation. The app features a surprise button that, when clicked, triggers a delightful display of animated balloons and plays a cheerful birthday song. To use the app, users simply click the "Click for a Surprise 🎁" button. This action initiates the balloon animation and attempts to play a birthday song. If the audio fails to play, the app gracefully handles the error by displaying a notification while still allowing the balloon animation to proceed. The app is built using React with TypeScript, leveraging the Next.js framework for server-side rendering and routing. It utilizes Tailwind CSS for styling, providing a responsive and visually appealing design. The balloons are animated using CSS keyframes, creating a floating effect that enhances the celebratory atmosphere. Key features of the app include: - A dynamic birthday message that animates into view. - A surprise button that triggers the balloon animation and audio playback. - Randomized balloon colors, sizes, and positions for a lively visual effect. - Error handling for audio playback, ensuring a smooth user experience even if the audio fails. - A responsive design that adapts to different screen sizes. Overall, this app combines engaging visuals with interactive elements to create a memorable birthday greeting experience.