Skip to content

MayankCodez/ChatApp--Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 Real-Time Chat App — CodTech Internship Task 2

This is Task 2 of my internship at CodTech, where I developed a real-time chat application using React and Socket.IO.


✨ Features

  • 🔗 Live messaging using WebSockets (Socket.IO)
  • 👤 Users join by entering their name
  • 💬 Messages instantly appear across all connected clients
  • 🌙 Stylish dark theme with smooth UI
  • 📱 Fully responsive for desktop and mobile

🛠️ Technologies Used

Frontend

  • React.js
  • CSS3
  • socket.io-client

Backend

  • Node.js
  • Express.js
  • Socket.IO


▶️ How to Run the Project Locally

Start the Backend

cd mayank-chat-backend
npm install
npm start

Start the Frontend

cd mayank-chat-app npm install npm run dev

📸 Screenshots

👤 Join Screen

Join Screen

💬 Chat Screen

Chat Screen

About

CodTech Internship Task 2 — React-based real-time chat frontend using Socket.IO

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published