https://github.com/sjreddy1/chat_app
This full-stack Chat Application is developed with React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. It delivers a seamless user interface for real-time chats, featuring options for sign up, sign in, logout, profile image updates, user search, individual messaging, group creation, group discussions, group management, and messages.
https://github.com/sjreddy1/chat_app
cloudinary express jwt-authentication mongodb nodejs reactjs socket-io tailwindcss
Last synced: 3 months ago
JSON representation
This full-stack Chat Application is developed with React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. It delivers a seamless user interface for real-time chats, featuring options for sign up, sign in, logout, profile image updates, user search, individual messaging, group creation, group discussions, group management, and messages.
- Host: GitHub
- URL: https://github.com/sjreddy1/chat_app
- Owner: SJReddy1
- Created: 2025-03-23T04:49:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-23T06:13:31.000Z (over 1 year ago)
- Last Synced: 2025-03-23T06:20:05.385Z (over 1 year ago)
- Topics: cloudinary, express, jwt-authentication, mongodb, nodejs, reactjs, socket-io, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 230 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat_App
## Real-Time Chat Application
🚀 Live Demo: [Chat App](https://chat-app-livid-alpha-26.vercel.app/)
Welcome to the Real-Time Chat Application! This is a full-stack project built using React.js, Node.js, Express.js, MongoDB, Tailwind CSS, and Redux. The application provides an intuitive and user-friendly interface for users to engage in real-time conversations with others. It incorporates a range of features such as sign up, sign in, logout, profile image customization, user search, one-to-one chat, group creation, group chat, group administration, and message notifications.
## Features
- **User Authentication**: Users can sign up for an account, log in, and log out securely.
- **Profile Customization**: Users can personalize their profiles by changing their profile images.
- **User Search**: Users can search for other users to connect with.
- **One-to-One Chat**: Users can engage in real-time private conversations with each other.
- **Group Creation**: Users can create groups for collaborative discussions.
- **Group Chat**: Users can participate in group conversations, allowing multiple members to interact simultaneously.
- **Group Administration**: Administrators have the authority to rename groups and manage group membership by adding or removing users.
- **Message Notifications**: Users receive real-time notifications for new messages.
## Technologies Used
- **Front-end**: React.js, Redux, Tailwind CSS
- **Back-end**: Node.js, Express.js
- **Database**: MongoDB
Backend Installation
- clone repo
- cd backend
- npm install
- node index.js
Frontend Installation
- clone repo
- cd frontend
- npm install
- npm start
Create .env for both backend and frontend separately.
## 🌎 Deployment Guide
✅ Deploy Backend on Render
- Push your backend to GitHub.
- Go to Render → New Web Service.
- Connect to your GitHub repository.
- Set Render’s Environment Variables.
Deploy! 🎉
✅ Deploy Frontend on Vercel
- Push your frontend to GitHub.
- Go to Vercel → Import Project.
- Select your GitHub repository.
- Set Vercel’s Environment Variables.
Deploy! 🎉