Skip to content

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

Notifications You must be signed in to change notification settings

Ada890/Chat-Application-using-MERN-Stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

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

  1. Navigate to the project directory:

cd mern-chat-app

markdown Copy code

  1. Install dependencies:

npm install

sql Copy code

  1. 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.

  1. Start the development server:

npm start

markdown Copy code

  1. 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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published