CompletedReactJavaScriptNode.js+5 more
Chatty App – Real-Time Chat Application
A real-time chat application with authentication, user presence, and live messaging using Socket.io and a MERN-style stack.
Timeline
Role
Full-Stack Developer
Status
CompletedTechnology Stack
React
JavaScript
Node.js
Express.js
MongoDB
Socket.io
Tailwind CSS
Render
Overview
Chatty App is a real‑time chat application that allows users to sign in, manage contacts, and exchange instant messages. It was built to practice real‑time communication patterns, socket management, and frontend state handling.
Responsibilities
- Designed and implemented the backend using Node.js, Express.js, MongoDB, and Socket.io.
- Built the frontend with React, implementing chat layouts, message bubbles, and user presence indicators.
- Implemented authentication and basic user management to keep conversations scoped and secure.
- Deployed the application on Render, configuring environment variables and WebSocket support.
Key Features
- Real‑time bi‑directional messaging using Socket.io.
- User auth and session handling.
- Simple contact list and conversation view.
- Typing indicators and message timestamps.
- Responsive UI optimized for desktop usage.
What I Learned
This project strengthened understanding of WebSocket‑based communication, event handling on both client and server, and how to structure a small but complete real‑time product.