Project New Year Wish is a vibrant, interactive New Year celebration web app built with Vue.js, Tailwind CSS, and Vite. It lets users share personalized New Year wishes on screen, enhanced with dazzling fireworks and confetti animations powered by the fireworks-js and party-js libraries for an immersive, joyful experience.
What is Project New Year Wish?
Project New Year Wish is a celebration app that turns a simple New Year greeting into an eye-catching, animated experience. Users can share their New Year wishes and watch them come alive alongside immersive fireworks and confetti effects, making the moment feel extra special. The app pairs a dynamic Vue.js interface with lightweight animation libraries to keep the experience smooth and festive.
My Role
I designed and built this application using Vue.js to power its interactive and dynamic interface, then layered in animation libraries to create the celebratory look and feel. I integrated the fireworks and confetti effects so that each wish is accompanied by vivid on-screen visuals, and set up wish sharing so anyone can send a personalized New Year greeting.
Tech Stack
- Vue.js - a progressive JavaScript framework used to build the app’s interactive and dynamic interface.
- Tailwind CSS - utility-first CSS framework for styling the interface.
- Vite - fast build tool and development server for the project.
- fireworks-js - a lightweight JavaScript library that adds dazzling fireworks animations to the app.
- party-js - a library that brings fun party effects such as confetti to add extra joy to the user experience.
Try it out here: New Year Celebration 🎆🎉.