🚀 RazChatz – Real-Time Chat App

👋 Hi Dev Community! I’m Mohammad Razak A, and I’m excited to share my latest full-stack project – RazChatz – a real-time chat application designed to deliver fast, secure, and modern messaging experiences.

🌐 Live Demo

🔗 https://razchatz.netlify.app

---

💬 What is RazChatz?

RazChatz is a full-stack, real-time chat web app that mimics the features and experience of popular chat platforms — built for performance, security, and simplicity. With Socket.IO, messages are synced instantly across users, with seen/unseen tracking, emojis, and more.

---

🧠 Key Features

• ⚡ Real-time messaging using Socket.IO
• ✅ Seen/Unseen indicators for message delivery
• 🗓️ Grouped messages by day (Today, Yesterday, etc.) with Day.js
• 😊 Emoji picker integration
• 🔔 Push notifications using service workers
• 🚨 Alert-mode messages for important system notices
• 🔐 Secure JWT authentication and protected routes
• 📱 Responsive UI using Material UI (MUI) and custom CSS

---

🔧 Tech Stack

Frontend:

• React
• React Router
• Emoji Picker
• Day.js
• Material UI

Backend:

• Node.js
• Express
• Socket.IO

Database:

• MongoDB (native queries, no ORM)

Hosting:

• Frontend: Netlify
• Backend: Render

---

🧑‍💻 About Me

📌 Name: Mohammad Razak A
🔗 GitHub: github.com/MohammadRazak-AbdulRasheeth
🔗 LinkedIn: linkedin.com/in/mohammadrazak-abdulrasheeth

---

📌 What I Learned

• Structuring scalable, real-time systems with WebSockets
• Managing Redux for clean and efficient state architecture
• Building modern, responsive UIs with Material UI
• Implementing secure authentication flows with JWT
• Using service workers for offline mode and push notifications

---

🏁 Project Details

📅 Timeline: Feb 2025 – Jun 2025
🏢 Associated with: ValueMomentum
🌍 Live App: razchatz.netlify.app
👨‍💻 Author: Mohammad Razak A

---

🙌 Feedback & Collaboration

This project was both a technical and creative challenge for me — and I’d love to hear your feedback! Feel free to open issues, contribute, or just drop your thoughts.
Let’s connect:

🔗 GitHub | 🔗 LinkedIn

Thanks for reading — happy coding and chatting! 💬✨