https://github.com/sujal12344/chat-app
A real-time chat application using the MERN stack (MongoDB, Express, React, Node.js) with Socket.IO for instant messaging. The app should enable user account creation, secure real-time communication, and deliver a smooth, responsive chat experience.
https://github.com/sujal12344/chat-app
expo express fetch-api mongodb nodejs react react-native socket-io tailwindcss zustand
Last synced: 3 months ago
JSON representation
A real-time chat application using the MERN stack (MongoDB, Express, React, Node.js) with Socket.IO for instant messaging. The app should enable user account creation, secure real-time communication, and deliver a smooth, responsive chat experience.
- Host: GitHub
- URL: https://github.com/sujal12344/chat-app
- Owner: sujal12344
- Created: 2024-07-12T13:46:40.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2025-03-06T12:14:16.000Z (over 1 year ago)
- Last Synced: 2025-03-06T12:32:40.562Z (over 1 year ago)
- Topics: expo, express, fetch-api, mongodb, nodejs, react, react-native, socket-io, tailwindcss, zustand
- Language: JavaScript
- Homepage:
- Size: 4.65 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Stack Chat Application
This project is a real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). It utilizes socket.io for real-time communication, zustand for state management, and many more.
## Features
- Real-time messaging between multiple users
- User authentication and authorization
- Responsive design
- Emoji support with react-icons
- Minimalistic UI for easy navigation
## Technologies Used
- **Frontend**:
- React.js
- Socket.io-client (real-time communication)
- Zustand (state management)
- React-icons (icons)
- **Backend**:
- Node.js
- Express.js
- MongoDB (Atlas for cloud database)
- Socket.io (real-time server)
- JWT (JSON Web Tokens) for authentication
## Image
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
- Node.js installed on your machine
- MongoDB Atlas account for cloud database (or local MongoDB instance)
### Installation
1. Clone the repo
```sh
git clone https://github.com/sujal12344/chat-app.git
```
2. Install NPM packages
```sh
npm install
```
3. Replace .env.example with .env and fill in the required fields
4. Start the server
```sh
npm start
```
5. Start the client
```sh
cd frontend
npm start
```
6. Open your browser and navigate to `http://localhost:5173/`