Whatsapp 2

Getting Started with Create React App ⚛

This project was bootstrapped with Create React App.

Table of contents ✒️

• Overview 🎯
  • Links 🔗
• My process 🧩
  • Built with 🔨
  • What I learned 📝
  • Useful resources
• Author🙋🏻

Overview 🎯

The 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.