Build a Real-Time Chat App with React, Firebase, and Tailwind CSS

Рет қаралды 18,861

Жыл бұрын

In this tutorial, we will guide you through building a real-time chat application using React, Firebase, and Tailwind CSS. The app will include Google Authentication and private routes for secure access. React will be used for the front-end, Firebase for the back-end, and Tailwind CSS for styling. This tutorial is suitable for both novice and experienced developers. So, let's get started!
👨‍💻Code:
github.com/candraKriswinarto/...
🔗Link:
VIte: vitejs.dev/
DaisyUI: daisyui.com/
Tailwind CSS: tailwindcss.com/docs/guides/vite
Firebase Docs: firebase.google.com/docs
🚀Live:
instantchat.vercel.app/
👋🏻Contact Me:
canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#react #programming

Пікірлер: 30

@anonymouseverx Жыл бұрын

For me this channel is gold. To many React projects with a very good mixture. Thank you so much for such amazing content. ❤️

@CandDev Жыл бұрын

Wow, thank you!

@sebastiandoe5288 2 ай бұрын

This was a nice project to follow, nice usage with Firebase. Thanks!

@user-co7tt2rp2r Жыл бұрын

Great project, thank you so much! How to implement functionality to delete all messages from firestore databese on button click?

@iapptechid Жыл бұрын

To many React projects with a very good, thanks so much for such amazing content. i love it❤

@aymenamri6700 Жыл бұрын

You are a legend bro , keep it up my bruuuda

@RianY2K Жыл бұрын

thank you for tutorial, it helps alot

@nasssty284 Жыл бұрын

Thanks for the tutorial !

@nonenone2743 Жыл бұрын

It's working! :D Thank you so much! I'll try to use timestamps & email+pass auth then :) And may be even sending images :)

@CandDev Жыл бұрын

That's a cool feature.

@dclxviclan Жыл бұрын

Hello dear friend, this amazing tutorial, but i have one question, why this chat work only in localhost, and dont work in network or build and deploy in netlify, i see only login page, and buttons not do nothing...

@ambeats2510 Жыл бұрын

Hello, I have question. I am using your code, but when I log out and trying to log in again, my account automatically login with account that used before in chat. How to change accounts in this case if it did not give me a chance to change it?

@gauravpatel96 Жыл бұрын

Bro can u tell me how and where to deploy this, please it's important

@hanzlaharoon9 Жыл бұрын

After signing in with Google, the user is not signed in. I have used all the code from your GitHub. Is there anything that I'm missing?

@abelblanco9551 10 ай бұрын

I realized that I cannot login on my mobile device. It works great on desktop but when I use it on my mobile or set desktop responsive like a mobile device, it doesn’t log in. It doesn’t redirect me to the route “/chat”. Can anyone help?

@jp7871 5 ай бұрын

If we cloned your repo, how can we put this in our own? It said access denied

@user-ul6qv3qw1d Жыл бұрын

greate tutorial

@chinkutv4766 10 ай бұрын

please help currentUser state is changing from null. it is not able to switch from loging page to chatbox

@muzamilfootballer5682 8 ай бұрын

Did you make complete project plzz tell me

@tharadolnut2330 Жыл бұрын

How to contact you?

@Shrimant-ub4ul Жыл бұрын

Can I deploy this project ?

@CandDev Жыл бұрын

Yes, of course.

@LolTest-vk6tv Жыл бұрын

Thank you so much, It worked like a charm. God bless you, I know you are going to some places, I pray that God will leed you to get a good paying, again thank you, God loves you, keep up the good work. oh sorry for my username.