Skip to content

Latest commit

 

History

History
83 lines (48 loc) · 3.3 KB

README.md

File metadata and controls

83 lines (48 loc) · 3.3 KB
Raw

Greetings Builder

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.

Purpose of the Application

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



[For Devs.] 👷🏻‍♂️👩🏻‍💻 Wanna see how the code works? Follow the below Guide:


Steps to get the project working

  1. Clone the Project and install Node JS on your system. Link Here
  2. Navigate to the cloned project directory and install all project dependencies using Node Package Manager (NPM) via. npm install
  3. Next, type npm start and open your browser onto http://localhost:4200/.
  4. 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 🔧


Sequence Diagram

Object Creation and Deletion


Technologies used

  1. Node JS as headless server.

  2. Angular 12 for building the web application.

  3. 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.

Important Links