Birthday Card Generator Using - HTML , CSS and Javascript

By Aishwarya P

This project is a tool that generates birthday cards. It has been developed using HTML, CSS and Javascript. Users have the option to select from two templates.

 Feautures of Birthday card Template

Template Selection; Users have the option to choose between two card templates, each, with its unique background color and design. This allows for a touch.

Message Input; A text area is available for users to enter their personalized birthday message. It also supports line breaks for formatting and presentation.

Senders Name; Users can input their name, which will be displayed at the end of the card. This adds a touch to the message making it more heartfelt.

Real time Preview; As users type their message and select a template they can see a preview of the generated card on their screen. This allows them to visualize how their customizations will look like in time.

Download Option; Once the card is generated users have the option to download it as a PNG image file. This makes it convenient for them to save and share their personalized creation, with others.

Responsive Design; The web application is designed in a way that it adapts seamlessly to screen sizes. Whether accessed from a desktop or mobile device users will enjoy an experience throughout.

Background Image; Each chosen template comes with its complementary background image enhancing the appeal of the overall design of the card.

Template Customization; The card templates are thoughtfully designed with designs and colors. Users have options to match their personal preferences or even tailor it specifically for the recipients tastes.

If users try to create a card without including a message or if the message consists of spaces or line breaks they will receive notifications.