Skip to content

Chat room application that allows any authenticated user to send messages. Built using Next JS, Tailwind CSS, MERN Stack and Socket.IO

Notifications You must be signed in to change notification settings

spudoodle/chat-app

Repository files navigation

Chat Application

This project develops a chat room application that allows any authenticated user to send messages.

Demo

image

image

image

Check out the live demo here.

Demo Credentials - username: demo | password: password

Technologies Used

  • Next JS
  • Tailwind CSS
  • React JS
  • Node JS
  • Express JS
  • MongoDB
  • Socket.IO
  • Sonner

How to Run Locally

Frontend

  1. Clone this repository:
    git clone https://github.com/spudoodle/chat-app.git
    
  2. Navigate to the project directory:
    cd chat-app
    
  3. Install dependencies:
    npm install
    
  4. Create .env file:
    touch .env
    
  5. Add MongoDB_URI to .env file:
    MONGODB_URI=URI
    
  6. Start the development server:
    npm run dev
    
  7. Open your browser and visit http://localhost:3000

Backend

  1. Navigate to the backend directory:
    cd chat-app/backend
    
  2. Install dependencies:
    npm install
    
  3. Create .env file:
    touch .env
    
  4. Add MongoDB_URI to .env file:
    MONGODB_URI=URI
    
  5. Start the development server:
    node server.js

About

Chat room application that allows any authenticated user to send messages. Built using Next JS, Tailwind CSS, MERN Stack and Socket.IO

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published