Whatsapp 2
⚛
Getting Started with Create React App This project was bootstrapped with Create React App.
✒️
Table of contents- Overview
🎯 - Links
🔗
- Links
- My process
🧩 - Author🙋🏻
🎯
OverviewThe long awaited app has finally been released. There is no more 12 days of waiting! Welcome to the Whatsapp 2!
🔗
Links- Live Site URL: Whatsapp 2
🧩
My process
🔨
Built with- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- JavaScript(React.js)
- Create React App
- Firebase
- Firestore
- Google authentication
📝
What I learned- Create a document in Firestore:
await messagesRef.add({
text: formValue, // text from the input
createdAt: firebase.firestore.FieldValue.serverTimestamp(), // timestamp
uid, // user id
photoURL, // user photo url
});
- Use the Firebase authentication:
const signInWithGoogle = () => {
const provider = new firebase.auth.GoogleAuthProvider(); //gets the google autentication
auth.signInWithPopup(provider); //shows google popup
};
Useful resources
- Firebase authentication - This helped me understand how the Firebase authentication works. I'd recommend it to anyone who wants to understand this.
Author🙋🏻
- Website - Álvaro J.