SilentDemonSD / happy-birthday-vercel

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 🤩⭐.

---

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 Evironment 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

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

2. Install dependencies

   npm install

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

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

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

5. Execute the following commands in order.

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

6. Upon Successful execution, your built files will be ready in the ./dist directory. Open ./dist/index.html to see the card.

For further customization, checkout here.

---

References

• Environment Variables

• Attributions

---

Support

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

Made with 💖 by Anshuman Mahato