Create an Instagram Clone with React, Tailwind CSS, Firebase - Tutorial
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
d2vin
Halfway through the tutorial, I went a little off script and cleared the users from my firestore in an attempt to update/reload the seed file with updated information, which failed. Something about the use-user.js file not working. Now I keep getting this warning as I try to complete the rest of the tutorial.
src/services/firebase.js
Line 1:20: 'FieldValue' is defined but never used no-unused-vars
Also, due to this I believe, my sidebar is unable to load any information. I just get the two divs with the light flashing loading animation inside.
I'm going to continue this tutorial, hoping there is an eventual way out. If not I'll just redo the 12 hours lol.
For future tutorials, is there anyway to build this without a seed file? Was honestly a little disappointed when I first noticed it, alongside the images folder as a whole.
Have been enjoying the rest of the tutorial though, despite the many detours.
reply
Halfway through the tutorial, I went a little off script and cleared the users from my firestore in an attempt to update/reload the seed file with updated information, which failed. Something about the use-user.js file not working. Now I keep getting this warning as I try to complete the rest of the tutorial.
src/services/firebase.js
Line 1:20: 'FieldValue' is defined but never used no-unused-vars
Also, due to this I believe, my sidebar is unable to load any information. I just get the two divs with the light flashing loading animation inside.
I'm going to continue this tutorial, hoping there is an eventual way out. If not I'll just redo the 12 hours lol.
For future tutorials, is there anyway to build this without a seed file? Was honestly a little disappointed when I first noticed it, alongside the images folder as a whole.
Have been enjoying the rest of the tutorial though, despite the many detours.
reply
Luis
Hi All, I am getting the following error after changing the package.json file to the commands Karl included:
$ run-p watch:css react-scripts start-
ERROR: Task not found: -react-scripts--
error Command failed with exit code 1.
I googled the error but can't find anything related to the 'TASK NOT FOUND: -react-scripts-', so I am stuck at that point since my repo wont run.
reply
Hi All, I am getting the following error after changing the package.json file to the commands Karl included:
$ run-p watch:css react-scripts start-
ERROR: Task not found: -react-scripts--
error Command failed with exit code 1.
I googled the error but can't find anything related to the 'TASK NOT FOUND: -react-scripts-', so I am stuck at that point since my repo wont run.
reply
ismail
i love this video i added to it infinite scrolling learned a lot of firebase and the most thing i liked about this video is not about just some fancy css styles but there is a lot of logic going around which makes this tutorial kinda unique but learned a lot along the way trying to improve the overall project hats to you man apprciate your time making this godness : - )
reply
i love this video i added to it infinite scrolling learned a lot of firebase and the most thing i liked about this video is not about just some fancy css styles but there is a lot of logic going around which makes this tutorial kinda unique but learned a lot along the way trying to improve the overall project hats to you man apprciate your time making this godness : - )
reply
munteanu
I have an issue with images on 5:58:00. When i do console.log (photos) in Timeline nothing comes back. There isn't any errors in console. So i watched TimeLine component and the state hook dont update the followedUserPhotos. I also tryied the code from Github and it gives same result.
Has anyone encountered this problem???
reply
I have an issue with images on 5:58:00. When i do console.log (photos) in Timeline nothing comes back. There isn't any errors in console. So i watched TimeLine component and the state hook dont update the followedUserPhotos. I also tryied the code from Github and it gives same result.
Has anyone encountered this problem???
reply
Syed
I had a doubt , it says online that python was used to make instagram.
Can anyone tell me how much percent of Instagram is made of python and what function does that code perform?
Also if python is a slow programming language then how does Instagram run fast if it's made of it?
Any help would be great
reply
I had a doubt , it says online that python was used to make instagram.
Can anyone tell me how much percent of Instagram is made of python and what function does that code perform?
Also if python is a slow programming language then how does Instagram run fast if it's made of it?
Any help would be great
reply
golam
Did you use the vscode extensions for prettier and eslint along with local installations? react-scripts package has dependency on eslint and its plugins, how are they not messing around your local installation of eslint? package.json also has eslint config ...
reply
Did you use the vscode extensions for prettier and eslint along with local installations? react-scripts package has dependency on eslint and its plugins, how are they not messing around your local installation of eslint? package.json also has eslint config ...
reply
itech
Hey can you help me with this error at the 5:59 31:00 mark? Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'following')-
You put -[]- around the following variable and that fixed it for you but Im still getting the error
reply
Hey can you help me with this error at the 5:59 31:00 mark? Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'following')-
You put -[]- around the following variable and that fixed it for you but Im still getting the error
reply
Fernando
For those taking the course on 2022 and using Firebase 9x, on minute 50:xx update imports like following:
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
reply
For those taking the course on 2022 and using Firebase 9x, on minute 50:xx update imports like following:
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
reply
Fernando
Min 1:02 instead of using Switch use Routes, of course if needs to be updated on the import as well. Also instead of component attribute use element and inside the Login element is the component itself with syntax. Ex:
reply
Min 1:02 instead of using Switch use Routes, of course if needs to be updated on the import as well. Also instead of component attribute use element and inside the Login element is the component itself with syntax. Ex:
reply
abhishek
2:19:30 Controlled Input using hooks need to have a default value other than undefined. When using useState() hook if initial value not specified, undefined is assumed, hence value attribute becomes undefined.
reply
2:19:30 Controlled Input using hooks need to have a default value other than undefined. When using useState() hook if initial value not specified, undefined is assumed, hence value attribute becomes undefined.
reply
Add a review, comment
Other channel videos
