https://github.com/abhishekgurjar-in/chit-chat
Welcome to **Chit Chat**, a modern real-time chat application built using the MERN stack, **Socket.io**, and styled with **Daisy UI**. This project provides seamless, interactive chat functionality with a sleek and responsive design.
https://github.com/abhishekgurjar-in/chit-chat
chat-app chat-website chatting-app chit-chat chit-chat-website daisyui express mern-stack mern-website mongodb nodejs reactjs sockteio
Last synced: 7 months ago
JSON representation
Welcome to **Chit Chat**, a modern real-time chat application built using the MERN stack, **Socket.io**, and styled with **Daisy UI**. This project provides seamless, interactive chat functionality with a sleek and responsive design.
- Host: GitHub
- URL: https://github.com/abhishekgurjar-in/chit-chat
- Owner: abhishekgurjar-in
- Created: 2024-11-23T17:03:21.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T17:22:40.000Z (7 months ago)
- Last Synced: 2024-11-23T18:23:15.295Z (7 months ago)
- Topics: chat-app, chat-website, chatting-app, chit-chat, chit-chat-website, daisyui, express, mern-stack, mern-website, mongodb, nodejs, reactjs, sockteio
- Language: JavaScript
- Homepage:
- Size: 235 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chit Chat - MERN Socket.io Chat Application
Welcome to **Chit Chat**, a modern real-time chat application built using the MERN stack, **Socket.io**, and styled with **Daisy UI**. This project provides seamless, interactive chat functionality with a sleek and responsive design.
---
## 🛠 Features
- **Real-Time Communication**: Instant messaging powered by **Socket.io**.
- **User Authentication**: Secure signup and login using **JWT (JSON Web Tokens)**.
- **Responsive UI**: Designed with **Daisy UI** for a clean and responsive experience.
- **Group Chats**: Create and manage group conversations.
---
## 💻 Technologies Used
### Frontend
- **React.js**
- **Daisy UI** (on top of Tailwind CSS)
- **Axios** for API communication
- **React Router** for navigation
### Backend
- **Node.js**
- **Express.js**
- **MongoDB** with **Mongoose**
- **Socket.io** for real-time communication
- **JWT** for authentication
---
## 🚀 Installation and Setup
### Prerequisites
Make sure you have the following installed:
- **Node.js** (v14 or later)
- **MongoDB** (running locally or hosted)
- **Git**
### Steps to Run
1. **Clone the repository**:
```bash
git clone https://github.com/abhishekgurjar-in/chit-chat.git
cd chit-chat
```
2. **Set up the server**:
```bash
cd server
npm install
```
- Create a `.env` file in the `server` directory and add:
```
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
SOCKET_PORT=5001
```
- Start the server:
```bash
npm start
```
4. **Access the application**:
- Open your browser and navigate to `http://localhost:3000`.
---
## 📸 Screenshots
---
## 🛡 Security Features
- **JWT Authentication**: Secure access to routes and user sessions.
- **Input Validation**: Prevents malicious input via form validations.
- **WebSocket Security**: Ensures authenticated connections for real-time updates.
---
## 🤝 Contributing
Contributions are welcome! To contribute:
1. Fork the repository.
2. Create a feature branch: `git checkout -b feature-name`.
3. Commit your changes: `git commit -m "Add new feature"`.
4. Push to the branch: `git push origin feature-name`.
5. Submit a pull request.
---
## 💬 Contact
For questions, feedback, or collaboration:
- **Author**: Abhishek Gurjar
- **GitHub**: [abhishekgurjar-in](https://github.com/abhishekgurjar-in)