For those having problems in upgrading the bucket vala at 28:26 bhai storage mai jaao -> fir setting mai jaakr scroll down kr k maximum file size ko 50 megabytes krdo fir koi problem nahi aayega
Time Stamp of the Video 0:00 - 2:35 ⇒ discussion of this video’s agenda 1:30 ⇒ suggestion for “how to follow this video” 4:04 - 8:25 ⇒ Install dependencies 8:28 - ⇒ Setting up environment variables(or system variables). 12:05 - 17:40 ⇒ Accessing environment variables. 15:26 ⇒ declaring vite environment variables instead of create-react-app 19:00 ⇒ AppWrite setup VITE_APPWRITE_URL=appwrite> Personal Project > Chaiblog> setting> copy API EndPoint VITE_APPWRITE_PROJECT_ID= appwrite> Personal Project > Chaiblog> setting> copy projectID 21:56 ⇒ services of appwrite → DB, A/C, Users & storage 22:30 ⇒ VITE_APPWRITE_DATABASE_ID=appwrite> Personal Project > Chaiblog> Databases> blog > copy DatabaseID 23:10 ⇒ VITE_APPWRITE_COLLECTION_ID=appwrite> Personal Project > Chaiblog> Databases> blog > Articles> copy Collection ID & permission for CRUD for user from setting of Collection 24:30 ⇒ creating attributes 26:55 ⇒ creating Indexes 27:35 ⇒ VITE_APPWRITE_BUCKET_ID= appwrite> Personal Project > Chaiblog> Storage> images> copy Bucket ID & also update the Permission from settings 29:15 - 33:29 ⇒ conf /config variable /environment Import 33:30 ⇒ next video discussion → “how to avoid lock in vendor/dependency lock na karna”
Great tutorial! Your dedication to re-recording despite previous issues is commendable. Keep up the good work, and looking forward to more insightful content. 👍
For those having problems in upgrading the bucket vala at 28:26 bhai storage mai jaao -> fir setting mai jaakr scroll down kr k maximum file size ko 50 megabytes krdo fir koi problem nahi aayega third last option
Hello Sir, I would like to express my gratitude for the exceptional content you have provided. Your work is truly impressive and I appreciate the effort you have put into creating it. Thank you for sharing your knowledge and expertise with us.
Great tutorial! Your dedication to re-recording despite previous issues is commendable. Keep up the good work, and looking forward to more insightful content.
Thank you for this insightful video, Hitesh sir! I encountered a minor issue in my Conf.js file recently and thought I'd share my solution here. For those facing a 'Type error: invalid URL', consider removing the String() conversion when accessing environment variables with import.meta.env in JavaScript. Hitesh sir's teachings always provide clarity, and this adjustment resolved my issue smoothly. Grateful for your guidance.
Thankyou so much, Hitesh sir. You have made things so simpler. I really enjoy learning from you because you teach things in a super easy and super depth manner
I really wish k ye channel ASAP millions of people tk pohanchay q k esa quality content hr koi deserve krta hai. Stay blessed and motivated, you're doing great work sir.
thank you so much sir. I thought i already learnt REACT but after watching ur series got to know there is much more. You sure are revolutionizing hindi coding content 🙌
maine iss course ko complete karliya aur personal project project me work karaha hoon and main env ko src me daldiya jiski wajah two hours se solution debug karraha tha then i thought sir told to put env in root and to confirm this I watch this video which is true...
Thank you sir for the invaluable React tutorials! Your clear explanations have greatly enhanced my understanding. Grateful for your dedication. Keep up the fantastic work!
this react series is so great i learn javascript from you sir i watch a lot of tutorials but your series really helps me hats off to you or sir aik problem a rahi hai while installing bun
awesome sir, the react course which i have enrolled only teaches course doesn't share production knowledge truly grateful for for this valuable content thank you 🙏🏻🙏🏻
"Ab Obvious si baat ha" sir ne bola comment karne ka toh karne ka!! Just by watching video and following along with sir, ab mujhe itna confidence ha k me linkedIn aur resume pr mentioned frontend developer position ko justify karskta interview me !
sir now a days i was just feeling very low , i was just confused wheatther to learn react or not and all these AI and all , but you are here to motivate us , i am very grateful sir that i got you as my guru
GREAT (if you are getting message maximum size exceeded go to setting scrool and see maxm file size and make it 50 mb for free plan the error will remove)
Got stuck in the appwrite 500 internal error, but somehow solved it with easy fix `If nothing works, delete and try again`. And very delightful to know about that small part of conf/config folder. It is a small thing but yess eventually it makes a great impact
For those having problems in upgrading the bucket vala at 28:26
bhai storage mai jaao -> fir setting mai jaakr scroll down kr k maximum file size ko 50 megabytes krdo fir koi problem nahi aayega
Thank you very much, bro
Thnx
Wah Guru... Yahi to achcha lagta h ki sab ek dusre ki problem ko samjhte hai yaha...
thank you brother
Thanks brother
00:00 - Started video.
2:36 - Project setup started.
4:00 - Installing additional dependencies.
8:30 - Setting up environment variables.
12:05 - Accessing environment variables.
18:57 - Creating project on Appwrite
29:00 - Implementing better way to access environment variables
Very nice bro
appreciate
hitesh sir 8 hour long react video or this playlist which should I follow?
@@BruceWayne-f7u both are same , same projects, koi bhi follow karo chalega
ek hi hai
@@BruceWayne-f7u
Time Stamp of the Video
0:00 - 2:35 ⇒ discussion of this video’s agenda
1:30 ⇒ suggestion for “how to follow this video”
4:04 - 8:25 ⇒ Install dependencies
8:28 - ⇒ Setting up environment variables(or system variables).
12:05 - 17:40 ⇒ Accessing environment variables.
15:26 ⇒ declaring vite environment variables instead of create-react-app
19:00 ⇒ AppWrite setup
VITE_APPWRITE_URL=appwrite> Personal Project > Chaiblog> setting> copy API EndPoint
VITE_APPWRITE_PROJECT_ID= appwrite> Personal Project > Chaiblog> setting> copy projectID
21:56 ⇒ services of appwrite → DB, A/C, Users & storage
22:30 ⇒ VITE_APPWRITE_DATABASE_ID=appwrite> Personal Project > Chaiblog> Databases> blog > copy DatabaseID
23:10 ⇒ VITE_APPWRITE_COLLECTION_ID=appwrite> Personal Project > Chaiblog> Databases> blog > Articles> copy Collection ID
& permission for CRUD for user from setting of Collection
24:30 ⇒ creating attributes
26:55 ⇒ creating Indexes
27:35 ⇒ VITE_APPWRITE_BUCKET_ID= appwrite> Personal Project > Chaiblog> Storage> images> copy Bucket ID & also update the Permission from settings
29:15 - 33:29 ⇒ conf /config variable /environment Import
33:30 ⇒ next video discussion → “how to avoid lock in vendor/dependency lock na karna”
Thank You SIr!!!
00:00 - Started video.
2:36 - Project setup started.
4:00 - Installing additional dependencies.
8:30 - Setting up environment variables.
12:05 - Accessing environment variables.
18:57 - Creating project on Appwrite
29:00 - Implementing better way to access environment variables
if you are getting message maximum size exceeded go to setting scrool and see maxm file size and make it 50 mb for free plan the error will remove
thanks!
Thanks bro
@@vaishnaviyadav2050 there is in settings of collections or storage
@@vaishnaviyadav2050 it is at storage settings
thanks bro
your way of teaching and way of talking is very unique, you talk like a calm big brother to everyone, it feels to be great by following this tutorial
2:50 Create Project
4:04 Install dependencies
8:35 Environment variables file // create .env file
10:54 git ignore for .env file
15:26 declaring vite environment variables
18:52 AppWrite (Back end as service) Intro
21:00 Creating AppWrite Project
26:44 Creating index
29:16 environment variable export config file
33:33 now your time to start..
Brother mere appwrite me index nhi ban rha status attribute pr why? Please fix this bug 🐛
@@chetan_rajputt add key index in appwrite
best teacher ever❣❣❣❣
Great tutorial! Your dedication to re-recording despite previous issues is commendable. Keep up the good work, and looking forward to more insightful content. 👍
This video is a must-watch for anyone working on backend development with Appwrite. Thanks for sharing your knowledge and expertise.
For those having problems in upgrading the bucket vala at 28:26
bhai storage mai jaao -> fir setting mai jaakr scroll down kr k maximum file size ko 50 megabytes krdo fir koi problem nahi aayega
third last option
Thanks
thanks
🙏
Your teaching and your dedication to teach is soooooo awesome.
Hello Sir, I would like to express my gratitude for the exceptional content you have provided. Your work is truly impressive and I appreciate the effort you have put into creating it. Thank you for sharing your knowledge and expertise with us.
thank you so much for such quality content but there is one problem to update the bucket's permissions, an upgrade in the plan is required.
same problem with me, did you find out any solution
on the same page, scroll down and make it to 50 mb.
Maximum file size
Set the maximum file size allowed in the bucket.
Problem solved☺
@@raushankumar6993 thankyou bro for message
thank u so much @@raushankumar6993
Great tutorial! Your dedication to re-recording despite previous issues is commendable. Keep up the good work, and looking forward to more insightful content.
Sir aap Ka yeh channel ek din Aapka main channel banjayega... ❤
Lag to aisa hi rha h😁
You deliver it as you say it. Truly, rare to find the content as yours across any platform. Blessed to have a mentor like you!!!.
Great effort
video complete karne ke pehle hi like aur comment kardiya. itna confidence hai aap pe!
Thank you for this insightful video, Hitesh sir! I encountered a minor issue in my Conf.js file recently and thought I'd share my solution here. For those facing a 'Type error: invalid URL', consider removing the String() conversion when accessing environment variables with import.meta.env in JavaScript. Hitesh sir's teachings always provide clarity, and this adjustment resolved my issue smoothly. Grateful for your guidance.
after a year, it still a good and advanced content for learning on UA-cam
undoubtedly the best react playlist on youtube 💯
kaafi assani se samajh aa gya environment variables ka concept
thank you sir
Thankyou so much, Hitesh sir. You have made things so simpler. I really enjoy learning from you because you teach things in a super easy and super depth manner
Best React Course on entire UA-cam ❤❤. Love from Nepal❤❤.
You are one of the best teacher from whom I have ever studied. Thank You So Much Sir
Your teaching and your dedication to teach is soooooo awesome.
Thank you sir for all these quality contents and grateful to have teachers like you with so much enthusiasm and motivation.. 💙💙
I really wish k ye channel ASAP millions of people tk pohanchay q k esa quality content hr koi deserve krta hai. Stay blessed and motivated, you're doing great work sir.
thank you so much sir. I thought i already learnt REACT but after watching ur series got to know there is much more. You sure are revolutionizing hindi coding content 🙌
बहुत मेहनत करते हो
और आपकी हिंदी भी अच्छी है
हिंदी बोलते हुए अच्छे लगते हो गुरुजी 🙏
Thankyou Hitesh Sir for amazing React Series
unmatchable content on youtube . thank you for your effort🙏
maine iss course ko complete karliya aur personal project project me work karaha hoon and main env ko src me daldiya jiski wajah two hours se solution debug karraha tha then i thought sir told to put env in root and to confirm this I watch this video which is true...
Thank you sir for all these quality contents and grateful to have teachers like you
Sir you are my one of the best teacher in information technology.
Thank you sir for the invaluable React tutorials! Your clear explanations have greatly enhanced my understanding. Grateful for your dedication. Keep up the fantastic work!
Learnt alot around backend service platform. Must watch for everyone
Thanks a lot Hitesh sir for this kind of Hardwork and Content for us.
really very grateful for the series hitesh sir. This type of quality content deserves appreciation. Hats off
One of the best react series , that too for free . Great Job sir!
this react series is so great i learn javascript from you sir i watch a lot of tutorials but your series really helps me hats off to you or sir aik problem a rahi hai while installing bun
Your consistency Motivates me✨️✨️
Sir ap har baat bhot clear karty mujhe apki yeh baat bhot pasand hai or apka hn g kehna bhi bhot pasand hai ❤❤❤❤❤
your dip doen contact is to amazing when you went in deep
is really helpful and enjoying
thank you so much sir
thank you Hitesh sir for giving so much insightful information regarding production ready app
one of the best video to learn about .env file used in reacdjs
Going On Sir, We are excited too for production development.. Thank you G..
Thank you so so much sir. Aapki guidance and ashirwadh bna rhy to success bhi achieve hojayegi.
awesome sir, the react course which i have enrolled only teaches course doesn't share production knowledge truly grateful for for this valuable content thank you 🙏🏻🙏🏻
honest person and helpful video sir this is not for only this video this is for all video
Hats Off to you hitesh sir for this level of hardwork , dedication and the amazing lessons.
Really Appriciate it...... 👏❤❤
your explanation always make me confident
Really great motivated person with vast knowledge. Really heavy respect for your free courses its really helpfull.
Thanks sir for this kind of hardwork only for us....
I respect you more than me
"Ab Obvious si baat ha" sir ne bola comment karne ka toh karne ka!!
Just by watching video and following along with sir, ab mujhe itna confidence ha k me linkedIn aur resume pr mentioned frontend developer position ko justify karskta interview me !
Watching this on 27 feb 2024, pretty excited to learn
Thank you as always for your MEGA RAW EFFORTS
Thank you so much for this incredible project sir.
This is the best channel to learn development, period. Hope I can also be a good developer and a productive person like you in future!
OP sir, there is only one teacher on UA-cam and that is you sir, rest all are just content creators.
Sir ji hats off to you and your teaching skills.
Awsome explaination sir. It's very easy to learn with you and with you smiley face ❤
Truly admire your motivation..Lot to learn from you Sir !!
Hitesh sir = Super premium quality tech content 😍😍😍😍😍😍😍
Salute to your motivation sir. ❤
1. Create Vite App
2. Install dependencies
i) Install Redux Toolkit
ii) Install React Redux
ii) Install React Router Dom
ii) Install appwrite
ii) Install tinyMCE
ii) install html-react-parser
ii) Install React hook form
3. Test Server (npm run dev)
4.. Setup Environment Variables
5. git ignore for .env file
6. Initialize Environment Variables (appWrite)
a) Create Project
b) Create DataBase
c) Create Collection
d) Create Attributes (title, content, featuredImage, status, userID)
e) Create Index (status)
f) Create Bucket / Storage (Images)
7. Configure Environment Varibales
Sir, Your lessons, the way you teach is too good actually it's best
Ever seen the honest and pure person ever
Best react series ever exist in human history.🌷
Thanks A Lot Sir for such production level knowledge ❤❤
"Awesome video! Your guide on Appwrite setup and environment variables in production is super helpful. Thanks for sharing this valuable knowledge!" 👍👏
Thank you Sir for this Amazing Content If Any one wants to Start Learning React This is the Place
Thank You Hitesh Sir, maza aagya.
Thank you so much for such good series and so much detailed project
thanks sir for providing free content and such a production grade knowledge that will help us in future
100k ❤❤❤coming soon.....Thanks a lot sir.
🤞
Thanks for starting such an amazing project.
Hiteshh and is motivation is never ending we love it
LOVE IT BHAYEYA THE CONTENT YOU WAS CREATED IS AWESOME
very very thank you sir for your endless efforts to make easy videos for all of them
This Content is GOLD.
The way you explain concepts sir, I love it 😍❣️
Always deliver quality of content 🔥🔥🔥🤦
sir now a days i was just feeling very low , i was just confused wheatther to learn react or not and all these AI and all , but you are here to motivate us , i am very grateful sir that i got you as my guru
if u are a aspiring to be a software engg then 60% DSA->30% web->10% ML/DSML
Thanks you sir for the efforts you put in all the videos to understand all the concept
I searched this kind of videos for long time, thank you sir!
Completed,Excited for upcomming episodes
I am very exited for this project, thank you so much sir
thankyou sir for providing us premium quality content courses in free ❤
Love you bhai. Thanks for solving the issues.
GREAT (if you are getting message maximum size exceeded go to setting scrool and see maxm file size and make it 50 mb for free plan the error will remove)
one of the Best
This man has taken oath to change the edtech industry while working on the old school mindset kf the learners ❤❤❤❤
one of the best react series till date ❤❤❤❤❤❤
Awesome explanation about .env file ❤ 18:14
Understood Environment Variables and also a approach for production, Thank You!
Got stuck in the appwrite 500 internal error, but somehow solved it with easy fix `If nothing works, delete and try again`. And very delightful to know about that small part of conf/config folder. It is a small thing but yess eventually it makes a great impact
Hello sir, take cordial appreciation for your great efforts. Very well explained.
Best React series for building production grade application
System hila dena wala content 🔥 !!!
🔥🔥