This is a real-time chatting application built using the MERN (MongoDB, Express, React, Node.js) stack with Socket.io for real-time communication. The app includes user authentication, media (image and video) sharing via Cloudinary, and a responsive design styled with Tailwind CSS.
- User Authentication: Sign up and login functionality with JWT (JSON Web Token) for secure authentication.
- Real-time Chatting: Powered by Socket.io for real-time communication between users.
- Media Sharing: Users can send images and videos, stored securely using Cloudinary.
- Responsive Design: Built using Tailwind CSS to provide a sleek and responsive user interface.
- MongoDB Database: MongoDB is used to store user information, chat history, and media references.
- React Frontend: Frontend built with React for dynamic and interactive user experience.
- Node.js and Express Backend: Backend server using Node.js and Express for API endpoints and WebSocket integration.
- Frontend: React, Tailwind CSS, Socket.io-client
- Backend: Node.js, Express, Socket.io
- Database: MongoDB
- Cloud Storage: Cloudinary (for images and videos)
- Authentication: JWT (JSON Web Tokens)
-
Clone the repository:
git clone https://github.com/sanchiitvijay/chatting-app.git cd chatting-app
-
Install the server dependencies:
cd server npm install
-
Install the client dependencies:
cd ../client npm install
-
Start the backend server:
cd server node index.js
-
Start the frontend:
cd ../client npm start
- Sign up or log in to access the chat interface.
- Select a user to start a conversation with.
- Send text, images, or videos in real-time.
- Enjoy seamless chat interactions with responsive design and media sharing.
This project is licensed under the MIT License.