Happy Birthday Card

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

Check out the Previews -

• Without Scroll Message
• With Scroll Message

If you liked it, please consider giving it star a 🤩⭐. You can also support me by sponsoring.

---

How to setup

Here are the methods to set it up for yourself.

Remote Deployment

• Vercel Deploy

  

• Netlify Deploy

  

Remote deployment will require you to specify some mandatory environmental variables,

• NAME: Name of the receiver.
• PIC: Url of the pic to be loaded in the card. If don't have the image hosted somewhere, you may publish a telegra.ph article with your image and copy the image address from there.

To know more about the environment variables, check References.

For Local Building

1. Clone the repository

shCopy
git clone https://github.com/AnshumanMahato/Happy-Birthday-Card

2. Install dependencies

shCopy
npm install

3. Add a pic of the receiver, in the ./local directory. Ensure that the image is of a 1:1 ratio or it might get cropped and squished.

4. Create a .env file in the root directory, and add the following lines.

envCopy
 NAME='Name of the Receiever'
 PIC='name-of-image.extension'

5. Execute the following commands in order.

shCopy
 npm run init-index-local
 npm run build:parcel

6. Upon Successful execution, your built files will be ready in the ./dist directory. Serve this directory using live-server or similar tools to see your card.

For further customization, check out here.

---

References

• Environment Variables
• Attributions

---

Support

If you have any queries or need some help in deployment, you may contact me here

• Telegram
• Email

<div align="center"> Made with 💖 by Anshuman Mahato </div>