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

Documentation is the most important resource for your learning and I followed it thoroughly.
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 :exploding_head:.

Although, I didn’t have much knowledge of Vue, Vite and ShadCN like frameworks/tools but their documentation 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 to 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 :cry:.

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.