https://github.com/vishvas1410/chat-app

Developed a real-time chat application using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for instant messaging, featuring a responsive and intuitive user interface for seamless interaction, along with user authentication and profile management for secure access and personalized experiences.
https://github.com/vishvas1410/chat-app

daisy-ui expressjs jwt lucide-react mongodb nodejs reactjs socket-io tailwindcss vite zustand

Last synced: 21 days ago
JSON representation

Developed a real-time chat application using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for instant messaging, featuring a responsive and intuitive user interface for seamless interaction, along with user authentication and profile management for secure access and personalized experiences.

• Host: GitHub
• URL: https://github.com/vishvas1410/chat-app
• Owner: vishvas1410
• Created: 2024-12-31T13:52:20.000Z (25 days ago)
• Default Branch: main
• Last Pushed: 2025-01-02T10:58:47.000Z (23 days ago)
• Last Synced: 2025-01-02T11:28:20.138Z (23 days ago)
• Topics: daisy-ui, expressjs, jwt, lucide-react, mongodb, nodejs, reactjs, socket-io, tailwindcss, vite, zustand
• Language: JavaScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Full Stack Chat Application

## Overview

This is a full stack chat application that allows users to communicate in real-time. Built using the MERN stack with Socket.io, this application offers a modern chat experience with a focus on performance and user experience.

## Tech Stack

- **Frontend**: React, Tailwind CSS, Daisy UI

- **Backend**: Node.js, Express, MongoDB, Socket.IO

- **Authentication**: JWT (JSON Web Tokens)

- **State Management**: Zustand

## Features

- 🌟 **MERN Stack**: Full integration of MongoDB, Express, React, and Node.js for a robust application.

- 🎃 **Authentication & Authorization**: Secure user login and registration using JWT.

- 👾 **Real-time Messaging**: Instant messaging capabilities using Socket.io.

- 🚀 **Online User Status**: Displays the online status of users in real time.

- 👌 **Global State Management**: Efficient state management with Zustand.

- 🐞 **Error Handling**: Comprehensive error handling on both the server and client sides.

- ⭐ **Deployment**: Learn to deploy your application like a pro for FREE!

- ⏳ **And much more!**

## Installation

### Prerequisites

- Node.js

- MongoDB (if using MongoDB)

### Getting Started

1. Clone the repository:

   ```bash

   git clone https://github.com/yourusername/fullstack_chat.git

   cd fullstack_chat

2. Install dependencies for the backend:

 

   ```bash

   cd backend

   npm install

3. Set up the environment variables:

   Create a .env file in the backend directory and add the following variables:

   ```bash

     MONGODB_URI=your_mongodb_connection_string

    PORT=5001

    JWT_SECRET=your_jwt_secret_key

    

    CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name

    CLOUDINARY_API_KEY=your_cloudinary_api_key

    CLOUDINARY_API_SECRET=your_cloudinary_api_secret

    

    NODE_ENV=development

4. Start the backend server:

    ```bash

    npm start

5. Install dependencies for the frontend:

    Open a new terminal window, then:

    ```bash

    cd frontend

    npm install

6. tart the frontend application:

    ```bash

    npm run dev

    

 7.  Open your browser and navigate to http://localhost:5173 to access the chat application.