A modern, full-stack chat application built with React, Node.js, Express, and Socket.io.
Chat with friends, share media, and enjoy real-time messaging!
- Real-time messaging with Socket.io
- User authentication (Sign Up, Login, Profile)
- Media sharing (images, videos)
- Status updates
- Online/last seen indicators
- Emoji picker and reactions
- Responsive design for desktop and mobile
Frontend:
- React
- Tailwind CSS
- Vite
Backend:
- Node.js
- Express
- MongoDB
- Socket.io
- Node.js & npm
- MongoDB (local or Atlas)
-
Clone the repository:
git clone https://github.com/yourusername/ChatApp.git cd ChatApp -
Install frontend dependencies:
cd frontend npm install -
Install backend dependencies:
cd ../backend npm install -
Configure environment variables:
- Copy
.env.exampleto.envin the backend folder and fill in your values.
- Copy
-
Start the backend server:
npm start
-
Start the frontend dev server:
cd ../frontend npm run dev
Add screenshots and demo videos here.
ChatApp/
frontend/
src/
public/
...
backend/
controllers/
models/
routes/
...
This project is licensed under the MIT License.
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.