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

Chat room application that allows any authenticated user to send messages. Built using Next JS, Tailwind CSS, MERN Stack and Socket.IO
https://github.com/spudoodle/chat-app

axios mern-stack nextjs socket-io sonner tailwindcss

Last synced: 8 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/spudoodle/chat-app
• Owner: spudoodle
• Created: 2024-05-18T17:41:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-24T10:13:56.000Z (9 months ago)
• Last Synced: 2025-01-24T11:19:22.759Z (9 months ago)
• Topics: axios, mern-stack, nextjs, socket-io, sonner, tailwindcss
• Language: JavaScript
• Homepage: https://chat-app00.vercel.app
• Size: 197 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Chat Application

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



## Demo

![image](https://github.com/Achal-00/chat-app/assets/106076516/d7734163-60a9-43e8-bc58-90bc01101b74)

![image](https://github.com/Achal-00/chat-app/assets/106076516/6822489b-f58f-4075-99f5-45b1ee1dc79b)

![image](https://github.com/Achal-00/chat-app/assets/106076516/d4f688ee-7336-4488-9e70-589cf3bc6f9f)

Check out the live demo [here](https://chat-app00.vercel.app).

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:

   ```bash

   git clone https://github.com/spudoodle/chat-app.git

2. Navigate to the project directory:

   ```bash

   cd chat-app

3. Install dependencies:

   ```bash

   npm install

4. Create .env file:

   ```bash

   touch .env

5. Add MongoDB_URI to .env file:

   ```bash

   MONGODB_URI=URI

6. Start the development server:

   ```bash

   npm run dev

7. Open your browser and visit http://localhost:3000

### Backend

1. Navigate to the backend directory:

   ```bash

   cd chat-app/backend

2. Install dependencies:

   ```bash

   npm install

3. Create .env file:

   ```bash

   touch .env

4. Add MongoDB_URI to .env file:

   ```bash

   MONGODB_URI=URI

5. Start the development server:

   ```bash

   node server.js