https://github.com/ada890/chat-application-using-mern-stack
This MERN (MongoDB, Express.js, React.js, Node.js) stack chat application leverages Socket.io for real-time communication. Features: Real-time messaging with Socket.io User authentication Responsive UI design using Tailwind CSS and Daisy UI components Toast notifications for important events
https://github.com/ada890/chat-application-using-mern-stack
expressjs mern-stack mongodb nodejs reactjs socket-io
Last synced: 3 months ago
JSON representation
This MERN (MongoDB, Express.js, React.js, Node.js) stack chat application leverages Socket.io for real-time communication. Features: Real-time messaging with Socket.io User authentication Responsive UI design using Tailwind CSS and Daisy UI components Toast notifications for important events
- Host: GitHub
- URL: https://github.com/ada890/chat-application-using-mern-stack
- Owner: Ada890
- Created: 2024-03-06T04:02:43.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-30T04:20:50.000Z (about 2 years ago)
- Last Synced: 2025-09-02T01:37:34.329Z (10 months ago)
- Topics: expressjs, mern-stack, mongodb, nodejs, reactjs, socket-io
- Language: JavaScript
- Homepage:
- Size: 23.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Stack Chat Application
This is a MERN (MongoDB, Express.js, React.js, Node.js) stack chat application built using Socket.io for real-time communication.
## Features
- Real-time messaging using Socket.io
- User authentication
- Responsive UI design with Tailwind CSS and Daisy UI components
- Toast notifications for important events
## Technologies Used
- **Frontend**: React.js, Vue.js
- **Database**: MongoDB with Mongoose
- **CSS**: Tailwind CSS (with Daisy UI components)
- **Library**: Toast
- **Server**: Socket.io
## Getting Started
### Prerequisites
- Node.js and npm installed on your machine
- MongoDB database
### Installation
1. Clone the repository:
git clone https://github.com/Ada890/mern-chat-app.git
css
Copy code
2. Navigate to the project directory:
cd mern-chat-app
markdown
Copy code
3. Install dependencies:
npm install
sql
Copy code
4. Set up environment variables:
Create a `.env` file in the root directory and add the following variables:
MONGODB_URI=your_mongodb_connection_string
SECRET_KEY=your_secret_key_for_jwt
typescript
Copy code
Replace `your_mongodb_connection_string` with your MongoDB connection string and `your_secret_key_for_jwt` with your secret key for JWT.
5. Start the development server:
npm start
markdown
Copy code
6. Visit `http://localhost:3000` in your browser to view the application.
## Usage
- Register an account or log in if you already have one.
- Start chatting with other users in real-time.
- Enjoy the seamless experience of instant messaging!
## Contributors
- [Ada890](https://github.com/Ada890)