Inspiration
The inspiration came from wanting to create something small, joyful, and personal. Instead of sending a plain text birthday wish, I thought it would be more memorable to build a digital card where people who got friends from computer science field their friends could surprise them like this that feels interactive and aesthetic.
What it does
The project is a web-based birthday card where users can upload a photo, write their wishes in a styled text area, and view the card. It also supports a countdown timer for birthdays and gives a more personal and engaging experience compared to a regular message.
How we built it
We built the project using HTML, CSS, and JavaScript. The card design was made with internal CSS styling, and the background image gives it a neat, aesthetic look. JavaScript handles interactivity such as photo upload, adjusting the text area font. Finally, the project was uploaded to GitHub and hosted on Vercel for a live demo link.
Challenges we ran into
Some challenges included making the design responsive and user-friendly, ensuring that the uploaded photo could be adjusted inside the card, and dealing with GitHub untracked file issues during version control. Hosting the project on Vercel for the first time also required learning deployment steps.
Accomplishments that we're proud of
We are proud of completing a working, personalized birthday card website that is both aesthetic and functional. The fact that it can be shared online via a link makes it even more special.
What we learned
We learned how to manage a small web project end-to-end—from building UI components with HTML/CSS, adding interactivity with JavaScript, handling image uploads, and deploying on GitHub + Vercel. This project helped strengthen our understanding of how simple ideas can be turned into real, shareable products.
What's next for Bornprise
In the future, we plan to add more customization features like music, animations, and different card themes. We also want to make the card mobile-friendly so it can be shared easily on social media platforms.
Log in or sign up for Devpost to join the conversation.