YT Comment Sentiment - Frontend Side

Technology	Description
	A fast and efficient package manager for JavaScript projects, known for its disk space usage.
	A customizable component library for building elegant UIs in modern web applications.
	A utility-first CSS framework for creating custom designs quickly and efficiently.
	A next-generation frontend build tool for blazing-fast development and hot module replacement.
	A progressive JavaScript framework for building user interfaces and single-page applications.

What I followed?

Important

1. Documentation is the most important resource for your learning and I followed it thoroughly.
2. Took help of ChatGPT to solve bugs and asked questions related to these frameworks/tools.

• Followed only one YouTube video to learn VueJs.
• Used shadcn/vue as components library. Just followed the docs.
• Whole build_frontend.yaml Github Action workflow written by ChatGPT, isn't it amazing .

Although, I didn't have much knowledge of Vue, Vite and ShadCN like frameworks/tools but their documentations and ChatGPT helped me so much that I am able to learn, build, diagnose and deploy the frontend in almost 2-3 days.

Yes, some credits goes my past knowledge of programming because that's why I able to figure out how do things works and how handle them by doing right things.

What type of problems I have faced?

हे भगवान! While learning and working on this frontend project, sometime I get messed up with very silly typo mistakes in JavaScript.

The things you are building happily in local will totally change when you are trying to deploy it and I have faced this too .

VueJs

• How to emit data from Child component to Parent component in VueJs?
  • GFG Article
  • Vue School Article
  • Also take a look into official docs to know best practices for this.
• How to create and work with forms?
• How to use v-model?

Vite

• While deciding how to setup proxy in Docker because I've setup it using Vite and it works like charm in local but while writing Dockerfile I am able to figure out the solution.
  • Proxy is used in VueJs YouTube video and thats why I have followed it.
  • See this docs
• While handle environment variables in nginx.conf file in Docker environment. I have used ChatGPT read articles but didn't get to solution.
• How to work with different .env files in Vite.