Real-Time Chat Application

Web Dev
Frontend
Full Stack
Real-Time Chat Application

Tech Stack

React
Typescript
Javascript
HTML 5
CSS 3
Node.js
express.js
MongoDB
Tailwind CSS
Socket.io

Description

The Real-Time Chat Application is a communication-focused web project featuring user authentication, conversation creation, and a dedicated messaging interface.

The project organizes the main messaging workflows into a straightforward interface, focusing on usability and a smooth conversation experience.

  • Created a login interface for user access.
  • Developed an interface for starting new conversations.
  • Built a dedicated conversation interface.
  • Organized the application around authentication and messaging workflows.
  • Focused on a clear and user-friendly chat experience.

Demo Video

Watch the project walkthrough at 1 speed.

Page Info

User Authentication

A login interface that provides users with access to the chat application.

/projects/realtime/realtime-login.png

New Chat

An interface for initiating new conversations.

/projects/realtime/realtime-new-chat.png

Real-Time Conversations

The conversation interface for viewing and participating in chat sessions.

/projects/realtime/realtime-chat-conversation-happning.png

    Asif Ali Quraishi - Software Engineer