Fun Project #4: ChatterBox
🎉 Launched a Chat-tastic Fun Project! 🚀💬
Fun Project #5: ChatterBox
Demo video: https://clipchamp.com/watch/yKr9m7GaGvG
Project URL: https://chatterbox-web.onrender.com/
Just rolled out a real-time chat web app with actual photo-sharing functionality as my latest fun project called ChatterBox, crafted with love 🌐💖 powered by:
- Vite + React
- Nodejs/Expressjs
- MongoDB (Deployed on Mongo Atlas)
- Websockets (Using the WS npm package)
- Deployed on Render (Free tier: *emphasis...lol)
ekowamoonu✨ ChatterBox has a lot of cool features.
- Authentication with JWT (Registration and login)
- Real-time chit-chats.
- Online/Offline status indicator. You can still chat with someone if they are offline and they'll come see it later
- Auto scrolling as more messages come in
Even though this was a fun project, I tried to put some effort into making the UI look pretty clean.
Doesn't look good on mobile though. Forgive me.
I wanted to get functionality out of the way 😊
I feel really good about this one.🤗
Just like for all my fun projects, you are very welcome to clone and adopt freely for your needs.
Have an awesome weekend and don't forget to sign up and stay online.
I'll probably come around to say hi!!!
⭐Let me know what you would like to improve if you had the chance.
Oh and one last thing. If you try to register and you are stuck, just try changing your username..lol. Laziness didn't allow me to log that error. I know, don't judge.
Member discussion