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

Trying to build a chat app and plan to add more features.
https://github.com/junelin2001/chat-app

Last synced: about 1 month ago
JSON representation

Trying to build a chat app and plan to add more features.

• Host: GitHub
• URL: https://github.com/junelin2001/chat-app
• Owner: JuneLin2001
• Created: 2024-12-01T21:08:43.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-11T15:37:33.000Z (over 1 year ago)
• Last Synced: 2025-03-29T19:32:32.103Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://chat-app-157x.onrender.com
• Size: 270 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# chat-app

Trying to build a chat app and plan to add more features.

## Tech Stack

### Frontend: 

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![DaisyUI](https://img.shields.io/badge/daisyui-5A0EF8?style=for-the-badge&logo=daisyui&logoColor=white)

![zustand](https://img.shields.io/badge/zustand-black?style=for-the-badge&logo=zustand&logoColor=white)

### Backend & Database: 

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Express](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

 ![JWT](https://img.shields.io/badge/JWT-black?style=for-the-badge&logo=JSON%20web%20tokens)

![Socket.io](https://img.shields.io/badge/Socket.io-black?style=for-the-badge&logo=socket.io&badgeColor=010101)

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)

## Run Locally

Clone the project

```bash

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

    cd chat-app

```

Setup .env file

```

    MONGODB_URI=...

    PORT=5001

    JWT_SECRET=...

    CLOUDINARY_CLOUD_NAME=...

    CLOUDINARY_API_KEY=...

    CLOUDINARY_API_SECRET=...

    NODE_ENV=development

```

Build and start the app

```

    npm run build

    npm start

```

## Roadmap

- [ ] Add friends feature

- [ ] Video and document sharing feature