Lazy Panda



How did I build my Blog Application in a nutshell

I have been working on Frontend, Backend application design and development for a quite long time. Though I started my career as a Mobile Application developer. So, I have a plenty of my success / failure stories. Underneath Quote from Calvin & Hobbs came to my mind eventually…

React pwa studio project setup and execution


Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. The niche continues to grow with each passing year, which is why it’s such a great idea to start a tech blog in 2020.

The objective for the Application:

As in our day-to-day work, we came across many technical challenges, the same I also faced, rather continuously facing and exploring stuff, reading articles, do research to solve the problems. Here, I will share my experience with you “What are the problems I have faced, and how do I overcome those problems?”

The SMART chart below helps me to stick to the objectives

S — SpecificWhat EXACTLY do you want to achieve?

M — MeasurableHow will you know when you have achieved it?

A — AttainableIs it something that you have control over?

R — RelevantIs it applicable to the place you are in your life right now?

T — Time-BoundWhat is your deadline?



Application Tech Stack

The Lazy Panda application, I have built within 1.5 - 2 months along with my day-to-day work, giving time to family, and keeping myself well. Jump into the main content now, the following way I build the application and choose the different technologies to achieve my goal.

  • Front End application
    • Framework –
      • Angular v. 11 Angular v.14
      • Angular-Universal
      • Prerender
    • Design –
      • Bootstrap v. 4
    • Simple Content Management Service - 
      • REST API using TypeScript with Node
      • CKEditor to write the content/blog
  • Backend Application 
    • Logic & routing - 
      • TypeScript with Node
      • Serverless
      • Leveraging API Gateway & Lambda functions
    • Database - 
      • Postgres RDS
  • Analytics 
    • Google Analytics (G4)
    • Google Tag Manager
  • AdSense
    • Google AdSense
  • DevOps & Deployment
    • DevOps pipeline
      • Jenkins
      • Shell script build job
    • Deployment is done in AWS Cloud
  • AWS Cloud Components
    • S3 bucket
    • API Gateway
    • Lambda
    • Postgres RDS
    • Route53
    • Cerficate Manager
    • CloudFront

As I am a beginner and hard to choose the technology stack, so I did some research and come up with a list of technologies and used those in a very cost-effective way. You know, Cloud computing is good but needs to be used in a proper and cost-effective way to build and deploy your application. Check out my blogs & YouTube channel for more details.


Key Point to deploy your simple Node + Angular / React / Vue-based application without any cost (No Credit card please...)

Once you build the frontend and backend application, you can use Heroku for your code deployment without using a credit card and it's absolutely free. They also provide many useful addons (like MySQL, Postgres, Redis, and many more), that can be used anyway. For more details, please check out my blogs, also you can check out my YouTube channel as well. 

Happy Coding!

- Lazy Panda (03-18-2020)