chat-app Tailwind Templates

Chat App

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

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: ```bash node server.js

Top categories

Loading Svelte Themes