Extra

[afrinnusrat]

Hi Sir,

I got to see this repo, it's of great use. Thanks for sharing.
I would like to ask if it is possible to add few more fields in this existing signup page.
What would be the process flow and the firebase cloud firestore details(collections)?

Thanks,
Nusrat Afrin

[mitchferguson]

@afrinnusrat

I would suggest refactoring the form onSignup to pass the entire object form.value pass the email/password into the firebase.auth().createUserWith then the rest into .saveUserInfo(data)

example adding phone number(untested but should put you on the right track):

signup.component.html (include in form)

signup.component.ts

onSignup(form: NgForm) {
this.authService.signupUser(form.value);
}

auth.service.ts

// Signup/register
signupUser(user) {
return firebase.auth().createUserWithEmailAndPassword(user.email, user.password)
.then((result) => {
this.alertService.showToaster('Verification email is sent to you.');
this.userService.verificationUserEmail();
this.userService.saveUserInfo(firebase.auth().currentUser.uid, user);
}
).catch(
error => console.error(error)
);
}

user.service.ts

saveUserInfo(uid, user) {
return firebase.database().ref().child('users/' + uid).set({
name: user.name,
email: user.email,
user: user.phone
});
}