/Happy-Birthday-Card

This is a web based interactive birthday card.

Primary LanguageSCSS

Happy Birthday Card

A Web based birthday card to wish your friends and family in a unique way.

Check out the Preview.

If you liked it, please consider giving it star 🤩⭐. Feel free to fork too 🤗.


How to setup

Setup is very simple. Just edit the configuration object in config.js. This is what the configuration object looks like.

export default {
  name: "Friend", // actual name of the recipient (Mandatory)

  nickname: "Buddy", // nickname(optional)

  pic: "", // image url of recipients (Mandatory)

  showScrollMsg: true, // set to false if you do not want the scrolling message

  openDate: false, // the page only can be opened at this time

  timeZone: "Asia/Jakarta", // your timezone, if you use openDate extension
};

The name and nickname are self explainatory and nickname is optional. If no nickname is provided, then value of name will be used in its place.

showScrollMsg takes true or false. If set to false, the scroll message will be skipped and card will apper directly.

pic will take the url of the image of the recipient. This will appear on the birthday card.

openDate is used to prevent user open the page too late or too early. Fill this field using this format
YYYY-mm-dd (2023-05-19) or false if you desire to disable it.

Setting up the pic

You can upload your image to telegra.ph, publish it and then get the image url (image address). It would be good if the image is of 1:1 aspect ratio and not more than 400px in height and width as larger images can affect load times.

Alternatively, you can also manually replace Asset.png with your image, make necessary changes at line 97 in here and then rebuild.


Atributions