This is the most easy tutorial on TODO app. 💖 Good work and nice explanation bro. I have made a ToDo app without firebase earlier. Now I have both projects with/without firebase 😎
Great video, i was geting an error on saving about undefined todo attribute. I solved it creating a handleChange function instead of inline onClick function
Love the simplicity when you explain things. I find that watching you trying things out is very beneficial , still it would be good to prepare your CSS steps beforehand. :-) keep up this good work !
Can anyone help i already work with mongoDB in past but here when I use firebase and create a database step it shows CANNOT ENABLE FIRESTORE TO YOUR PROJECT UNKNOWN ERROR OCCURED thanks in advance
Great tut. But I noticed you pushed the firebase secrets(apikey, etc) which is not a best practice. I know that using cloud functions we can avoid doing this but haven't tried them. It would be good if you can make another tut for that.
Awesome I loved it I sat the whole nyt n coded this n it works But I'm face a small problem The data is not reflecting soon Can u plzzz help me out in that
Good morning please I watched your tutorial and liked it but the todolist App stores the todolist info for one user when another user from a different browser uses it,the browser renders the Todolist of the first user to him. The Todo info isn't separate for different users but the same info displayed when another user submits or enters information
Please implement Google authentication functionality in this todo app,so that every user has his own to-do list! , it helps to understand all the things very well!
i followed up but later the entry order of the todos became erratic (the latest should be on top) but the new entries started apperaing in a random order
I was following coding as I was watching your this tutorial and I am facing this issue. ./node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js Attempted import error: 'FetchXmlHttpFactory' is not exported from '@firebase/webchannel-wrapper' (imported as 'v').
One thing that confused me for a long time is that template literals uses backtick, which is on the left of "1" on keyboard, instead of single quotation mark (') @21:09
Wasted my 4hours of night, then found this...thanks for making🖐🔥
Glad I could help do like and share
This is by far the more intuitive tutorial of react I've ever seen, new sub here!
Thanks Bryan
small and effective video. Now I know firebase. thanks you....
This is the most easy tutorial on TODO app. 💖
Good work and nice explanation bro.
I have made a ToDo app without firebase earlier.
Now I have both projects with/without firebase 😎
Glad it helped do share
You gain a new subscriber... Looking forward to learning more from you.
Welcome aboard!
Thank you so much. I was having a problem understanding firebase basics before I ended up here.
Great tutorial now have some understanding about firebase database connection thanks
Glad it helped
thank you for this. easiest startup anyone can ever get. You just gained a new subscriber
So calm. Amazing experience!
thanks, do share!
Very simply explained. Thanks for all the hardwork Sanskar. You are giving React Sanskar to folks :D
Perfect!
Exactly what I was looking for, thank you!
Looking forward to learning more React from you :)
Great
Any particular thing I should make video on?
@@indianappguy maybe a calculator using React, projects for beginners that are a bit advanced, thank you for asking for suggestions.
Great video, i was geting an error on saving about undefined todo attribute. I solved it creating a handleChange function instead of inline onClick function
This is one of the best reactjs Todo tutorials. Many Thanks.
It will be so helpfull if you start react js full tutorial from scratch 👏
Okay
Love the simplicity when you explain things. I find that watching you trying things out is very beneficial , still it would be good to prepare your CSS steps beforehand. :-) keep up this good work !
Awesome, thank you!
Amazing Buddy🙌...eagerly waiting for the next videos
Thank you so much 😀
New Sub. Great video man. Please make more react vids
Amazing man. Keep making this kind of content 🙌🏻👏🏻
Thanks! Will do! do share
That was one of the most beautifully explained tutorial dude. May the youtube algorithm bless you mate. Subbed❤️
Perfect tutorial
Exactly what I was looking for, thank you very much
Glad it helped
do like and share
Thank you very much! Perfect Tutorial!
You're welcome! do share
Excellent sir
Thanks
Can anyone help i already work with mongoDB in past but here when I use firebase and create a database step it shows
CANNOT ENABLE FIRESTORE TO YOUR PROJECT
UNKNOWN ERROR OCCURED
thanks in advance
Great tut. But I noticed you pushed the firebase secrets(apikey, etc) which is not a best practice. I know that using cloud functions we can avoid doing this but haven't tried them. It would be good if you can make another tut for that.
Amazing tutorial man, thank you so much!
Glad it helped!, Do like and share
Learnt a lot... awesome content
Glad it was helpful!, Indrani do like and share will mean a lot to me
What do you think about writing wrapper functions for firebase functionality?
Awesome I loved it
I sat the whole nyt n coded this n it works
But I'm face a small problem
The data is not reflecting soon
Can u plzzz help me out in that
not reflecting soon? i don't understand the problem please describe a little more
This is a really excellent tutorial. Thanks!
Glad you enjoyed it! do like and share and if you like to support the channel you can www.buymeacoffee.com/sanskartiwari
Love this. How would you make this mobile friendly now? thanks
will not be more than 4-5 lines of code if you can do please do share i will try when i get time
Great content with a Good explanation
Glad you liked it do share
Stunning! Thank you for sharing this!
You are so welcome! do like and share
Hi, great video, thanks!!! but how to add tasks in mobile?
this should work in mobile with click of the next line button
Beautiful !! , really nice look
Can you please make the same APP with flutter :)
I have made a todo web app with flutter alredy please check the channel
Good morning please I watched your tutorial and liked it but the todolist App stores the todolist info for one user when another user from a different browser uses it,the browser renders the Todolist of the first user to him. The Todo info isn't separate for different users but the same info displayed when another user submits or enters information
been a while but basically you need to add that to the function to get only the documents where user id is equal to yours
more flutter video coming soon?
Yes
@@indianappguy you planning on some flutter + reactjs stuff?
@@pranjalchaplot any ideas
please make a full and short video on material-ui as well, I am much confused in changing default components of material-ui please, please...
Awesome Brother .
Thank you! Cheers!
Looking for more react tutorial 👍🏻
Sure coming soon.
How do I update the my webapp just do the changes and firebase deployed???
Enjoywdddddddd!
Do like and share
React videos are nice.
I am glad you liked them Pranav do share
Will u do video about messager notification ? It must need
Okay
@@indianappguy good!
When I use setTodoInput(" ") to clear the input, it doesn't work. Any solutions?
Please implement Google authentication functionality in this todo app,so that every user has his own to-do list! , it helps to understand all the things very well!
please give the (youtube) timestamp where we sorted the list based on Todo Timestamp.
thank you
i am glad it helped
i followed up but later the entry order of the todos became erratic (the latest should be on top) but the new entries started apperaing in a random order
anybody folllow-up/help?
i am getting error that local host refusing to connect
any solution?
when I refresh the page the all data wipe ..How to fix this?
we can save it in local storage
I was following coding as I was watching your this tutorial and I am facing this issue.
./node_modules/@firebase/firestore/dist/esm5/prebuilt-db9cc925-eb007c37.js
Attempted import error: 'FetchXmlHttpFactory' is not exported from '@firebase/webchannel-wrapper' (imported as 'v').
I am facing same issue. Did you get any solution?
please next video on how to add a payment gateway in react
will do. Dipak
thanks man
Happy to help, Do like and share
how did you make text bold
its simple just use font weight property api.flutter.dev/flutter/dart-ui/FontWeight-class.html
Awesome
Thanks
I made some changes in my project. How can I reflect those changes in app ?
npm run build > firebase login (make sure you are logged in with right account) > firebase deploy
@@indianappguy yeah already done bro. Thanks🔥
Hello ,sir your Flutter chat aap GitHub source codes has lot of error please check & re-upload
Awesome but if I enter bank todo it is accepting how to resolve that issue.
thanks for helping i really appreciate it
Bro how to create api and connect flutter
Getting firebase installation problem on windows
How to make changes after deploying the site? I tried firebase deploy but it didn't work. Please help
firebase login > login with google in browser > firebase init > choose hosting > firebase deploy
One thing that confused me for a long time is that template literals uses backtick, which is on the left of "1" on keyboard, instead of single quotation mark (') @21:09
congrats bhai hahhaha
Everything working fine If I write any todo It just shows in progress not actual todo
you can update that to when creating todo pass done rather than in progress
my text is not getting updated in firebase,can you please help
need to go through the whole code either make a issue in the repo or share the error from debug console
It would have been great if you would have included firebase authentication and login form also
i have done other react project like creating insta clone which includes it
Hii, It says useEffect not defined
You need to import it
I usually start writing and it auto suggest
Yeah exactly, I got it earlier.
@@indianappguy Hii It is taking blank values
hello, are u there?
It's taking blank values
12:00 You could have provided alignItems: "center" to make them not to take the whole space...
What is the {} syntax for props called? Because you didn't use props.xyz, you just included it in curls.
Great tut btw, was looking for such a thing!
yeah i used {} so you can just have a variable defined