A Customizable Web-based birthday card to wish your friends and family in a unique way.
Check out the Previews -
If you liked it, please consider giving it star a 🤩⭐. You can also support me by sponsoring.
Here are the methods to set it up for yourself.
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.
- Clone the repository
git clone https://github.com/AnshumanMahato/Happy-Birthday-Card
- Install dependencies
npm install
-
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. -
Create a
.env
file in the root directory, and add the following lines.
NAME='Name of the Receiever'
PIC='name-of-image.extension'
- Execute the following commands in order.
npm run init-index-local
npm run build:parcel
- Upon Successful execution, your built files will be ready in the
./dist
directory. Open./dist/index.html
to see the card.
For further customization, check out here.
If you have any queries or need some help in deployment, you may contact me here