This project was created by me to provide a user-interface for customizing templates for the people, so that they could wish people on certain special occasions.
Ever wondered how to make a special occasion into a memorable moment? - Here is an application which helps you make that memorable moment!
Introducing 'Greetings Builder'! 🛠 - a Website to let you customize the Greeting Templates to your liking. And Once done just download the customized template as an image 🖼📷 or maybe send the same to your loved ones via. email! 📧
Yes, now you can send Wishes on the special eve of your loved ones or on some occasions like - 'Birthdays', 'Valentines Day', 'Earth's Day' or perhaps 'Father's/Mother's Day' and customize them as per your liking!
Choose amongst the available templates and customize them to your liking. Add details like Wisher's Name, Recipient's Name, Custom Message to send etc. Then choose if you wish to save your customized template as an image to share it on your social network or send it as an email to someone.
Sounds exciting!? 😻🤩😍 Wanna try it out and start wishing your loved ones?
Well I heard ya! Here's the link to the website to use your creativity to build your greetings for your loved ones -> Greetings Builder
- Clone the Project and install Node JS on your system. Link Here
- Navigate to the cloned project directory and install all project dependencies using Node Package Manager (NPM) via.
npm install - Next, type
npm startand open your browser ontohttp://localhost:4200/. - The homepage will get rendered and you can start fiddling with the application.
Note: In case you face any issues in getting the project built, let me know 🔧
-
Node JS as headless server.
-
Angular 12 for building the web application.
-
3rd party libraries -
- Node to HTML Image (node-html-to-image): For converting HTML DOM to an image on the server side.
- HTML to Image (html-to-image): For converting HTML DOM to an image on the client side.
- Download JS (downloadjs): For enabling client side downloads.
- Node Mailer (nodemailer): For enabling email services on server side.
- NGX Toastr (ngx-toastr): For showing toaster messages.
- NGXS (ngxs): For enabling state-management.
- NGXS/Storage-Plugin (ngxs/storage-plugin): For saving session state on refresh.
- PrimeNG (primeng): Used as UI Component Library.