A modern real-time chat application built with React, Node.js, Socket.io, and MongoDB.

• Real-time messaging
• User authentication
• Message history
• Modern UI with Material-UI
• Responsive design
• Dark mode

• Node.js (v14 or higher)
• MongoDB (running locally on port 27017)
• npm or yarn

1. Clone the repository

2. Install server dependencies:

   cd server
   npm install

3. Install client dependencies:

   cd client
   npm install

1. Start the MongoDB server (make sure it's running on port 27017)

2. Start the backend server:

   cd server
   npm run dev

3. Start the React development server:

   cd client
   npm start

4. Open your browser and navigate to http://localhost:3000

chat-app/
├── client/                 # React frontend
│   ├── src/
│   │   ├── components/    # React components
│   │   └── App.js         # Main App component
│   └── package.json
├── server/                 # Node.js backend
│   ├── server.js          # Express and Socket.io server
│   └── package.json
└── README.md

• Frontend:

  • React
  • Material-UI
  • Socket.io-client
  • date-fns

• Backend:

  • Node.js
  • Express
  • Socket.io
  • MongoDB
  • Mongoose

MIT