https://github.com/ajaypeter582/atty-thechatapp
📢Atty is a real-time chat application built with the MERN stack and Socket.io for seamless messaging. Designed with React, Tailwind CSS, and Daisy UI, it offers a modern and responsive UI with support for 30+ themes. Users can exchange text and image messages, and the app works flawlessly on mobile devices.
https://github.com/ajaypeter582/atty-thechatapp
cloudinary daisyui express mongodb nodejs react react-router-dom socket-io tailwind
Last synced: 3 months ago
JSON representation
📢Atty is a real-time chat application built with the MERN stack and Socket.io for seamless messaging. Designed with React, Tailwind CSS, and Daisy UI, it offers a modern and responsive UI with support for 30+ themes. Users can exchange text and image messages, and the app works flawlessly on mobile devices.
- Host: GitHub
- URL: https://github.com/ajaypeter582/atty-thechatapp
- Owner: AjayPeter582
- Created: 2025-02-11T20:29:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-16T06:02:01.000Z (over 1 year ago)
- Last Synced: 2025-02-16T07:17:38.689Z (over 1 year ago)
- Topics: cloudinary, daisyui, express, mongodb, nodejs, react, react-router-dom, socket-io, tailwind
- Language: JavaScript
- Homepage:
- Size: 761 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Atty - Chat App
A real-time chat application built using the MERN stack with Socket.io for smooth messaging. The frontend is designed with React, Tailwind CSS, and Daisy UI.
## 🚀 Features
- Supports up to 30 themes using Daisy UI
- Works flawlessly on mobile devices
- Can exchange text messages and even images
- Supports up to 30 themes using Daisy UI
- Real-time messaging with Socket.io
- User authentication (Signup/Login)
- Responsive and modern UI with Tailwind and Daisy UI
- Online/offline status indicators
## 🖥️ Screenshots
### Login Page
### Home Page
### Chat Interface
## 🛠️ Tech Stack
### Frontend
- React
- Tailwind CSS
- Daisy UI
- Socket.io-client
### Backend
- Node.js
- Express.js
- MongoDB
- Socket.io
## 📦 Installation
### 1️⃣ Clone the repository
```sh
git clone https://github.com/AjayPeter582/Atty-theChatApp.git
cd Atty-theChatApp
```
### 2️⃣ Install dependencies
#### Backend
```sh
cd backend
npm install
```
#### Frontend
```sh
cd frontend
npm install
```
### 3️⃣ Setup environment variables
Create a `.env` file in the `backend` directory and add:
```
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
PORT=5001
CLOUDINARY_CLOUD_NAME=...
CLOUDINARY_API_KEY=...
CLOUDINARY_API_SECRET=...
NODE_ENV=development
```
### 4️⃣ Build the application
```sh
npm run build
```
### 4️⃣ Run the application
```sh
npm run start
```
## 🌍 Deployment
- **Frontend:** Hosted on Render
- **Backend:** Hosted on Render
- **Database:** MongoDB Atlas
---
**Developed by [Ajay Peter](https://github.com/AjayPeter582)**