Skip to content

A real-time full-stack chat application built with Vite + React, Express.js, and Socket.IO. The app allows users to send instant messages. It includes user authentication (JWT), message history persistence with MongoDB, and a responsive UI. Ideal for learning modern full-stack development with real-time communication.

Notifications You must be signed in to change notification settings

vaishnavi1822/FullStack-Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

REAL-TIME CHAT APPLICATION

COMPANY : CODETECH IT SOLUTIONS

NAME : VAISHNAVI TANDEKAR

INTERN ID : CT08OYH

DOMAIN : MERN STACK DEVELOPMENT

DURATION : 4 WEEKS

METOR : NEELA SANTHOSH

DESCRIPTION

In the real-time chat app, I used Vite + React for building the frontend, enabling fast development and a dynamic user interface. TailwindCSS and DaisyUI were used for creating a responsive and modern design with pre-styled components. For real-time communication, I integrated Socket.IO client on the frontend. On the backend, Express.js was used to handle API requests and server routing, while MongoDB stored user data and chat messages. Cloudinary was utilized for storing and managing image uploads, and Socket.IO was also used on the backend to enable real-time messaging capabilities.

Features: The app offers real-time messaging, allowing users to chat instantly without refreshing the page. It supports user authentication, so users can log in, access their personal chat history, and send messages. Image uploads are integrated, letting users share photos directly in the chat, with images stored on Cloudinary. The responsive UI, designed with Tailwind CSS and DaisyUI, adapts to various screen sizes for a smooth experience on mobile and desktop devices.

OUTPUT

Image

Image

Image

Image

Image

Image

About

A real-time full-stack chat application built with Vite + React, Express.js, and Socket.IO. The app allows users to send instant messages. It includes user authentication (JWT), message history persistence with MongoDB, and a responsive UI. Ideal for learning modern full-stack development with real-time communication.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages