How to connect angular and firebase database | Angular firebase tutorial | part 1

Hello everyone,
Welcome to our YouTube channel CODELOGIC. In this video I have connected the angular app with the firebase database.

In this series, I have developed an authentication system & CRUD operations on the firebase database.

In this video, you will learn how to integrate the Angular applications with the firebase database.

Other Projects :

Social media Handle :

Thank you.

#html #websitedevelopment #newswebsite #javascript #angular #firebase

[sumitranjan]

I've watched your complete angular firebase tutorial to be very honest, your is excellent in terms of explanation I've watched multiple video but nobody had this kind of explanation and coding. Superb!!

[pg]

Nice and helpful video bro, keep it up.👍

[ryanjosephlock]

Thank you sir, another tutorial had outdated information and you helped

[syedabdullahbinmasood]

in my project not showing the environment folder

[chitarup]

Thanks. Unfortunately after trying to login in the application, I get a "Firebase: Error message. I use my google-account with which I also login in firebase backend. Are there any further steps like granting permission?

[olegzozulia]

Thanks for video, but please work with your diction. Material is useful, but i can`t understand whithout subtitles, because i`m not ative speaker. Greetings from Ukraine.

[carswithalexandru]

i don't have environments folder, why? and what should i do

[mindsfriendlypage]

mine says, cannot read property of undefined when i ng add angular fire

[stephenpatton]

Where can I find a AngularFire 7 tutorial that doesnt use /compat! I want to use the latest and greatest.

[malekhannachi]

Allow Firebase to collect CLI usage and error reporting information? Yes
? Enter authorization code:
what is authorization code?

[ravitejabachala]

When i enter the ng build it is showing it is not run outside work space of angular cli please rectify sir

[rushikeshpatil]

Great sir create more video on angular

[velrajavelraja]

bro in my source Environment files is not show ... how i download

[malikzain]

hello brother!
plz, make a video on real time database. your efforts are appreciable.
thanks!

[pradeepkumar-jxmq]

after installing i get this, and asks for authorization
Allow Firebase to collect CLI usage and error reporting information?

[adamkle]

hi, after @angular/fire, i get" Allow Firebase to collect CLI usage and error reporting information"?
and then
Enter authorization code:

what to do ?

[sumitranjan]

Allow Firebase to collect CLI usage and error reporting information? when saying NO
then also asking for authorization code. Any fix?

[aakashrajivale]

when i try to add firebase it ask me enter authorization code in terminal so where should i find that code?
and why dont they ask you for authorization code

[mysuccessword]

Hi, nice video! But I am wondering if it is just me that has some error with this video! I notice in your video from 0-20:50 mins of the video,
1: I didn't see where you setup the firebase db for file upload
2: I think there are some areas you didn't show in the video.
I follow everything from 0-20:50 mins like three times and I didn't see where you set up firebase to accept uploads.
3, the code also produces errors of bytes when I test run the one I did from (0-20:50 mins).
4, I notice your project name and firebase name changed (20:48-50 mins) from the initial project name that you started within the series, why so? and you still use the initial project folder in vscode may while, the firebase is not the same as the initial one.
Why not show it in a way users can understand it better? I don't think is good this way sir.


It will be better if every section is shown so that new students/developers can grab a better understanding.

This is the series that I follow from A - Z


Check error

core.mjs:7635 ERROR TypeError: Cannot read properties of undefined (reading 'totalBytes')
at Object.next
at ConsumerObserver.next (Subscriber.js:91:33)
at SafeSubscriber._next (Subscriber.js:60:26)
at SafeSubscriber.next (Subscriber.js:31:18)
at emit (debounceTime.js:15:28)
at AsyncAction.emitWhenIdle (debounceTime.js:26:13)
at AsyncAction._execute (AsyncAction.js:56:18)
at AsyncAction.execute (AsyncAction.js:44:28)
at AsyncScheduler.flush (AsyncScheduler.js:17:33)
at timer (zone.js:2405:41)
handleError @ core.mjs:7635
Show 1 more frame
Failed to load resource: the server responded with a status of 404 ()


This is the code section:

).subscribe((res : any) =>{
this.percentage = (res.bytesTransferred * 100 / res.res.totalBytes);
}, err =>{
console.log('Error occured');
});
Hope to hear from you, thank you.

[saptanilchowdhury]

how u are selecting options can u please tell??