Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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


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

mongodb nodejs react socket-io zustand

Last synced: about 14 hours ago
JSON representation

Awesome Lists containing this project

README

        

email : utkutest
şifre : 123123

# 🎉 Chat App

**Welcome!** A reliable chat application where you can instantly message

---

## 🚀 Project Features

- **Modern Design**: A stylish design with TailwindCss.
- **Node.js Backend**: A secure and efficient server structure for fast data processing.

---

## 🔗 Bağlantılar

- **Canlı Demo**: https://chat-app-rsgj.onrender.com
- **Youtube Video**: https://www.youtube.com/watch?v=g_w0VopM_uU
---
## 📦 Technologies

| Layer | Technologies |
|-------------|-----------------------------|
| **Frontend**| React, TailwindCss |
| **Backend** | Node.js, Express ,socket.io |
| **Database**| MongoDB |

---

## ⚙️ Running the Project
1. **First, clone the repository:**
```bash
git clone https://github.com/utkbkts/Chat-App.git
```
2.**Navigate to the project directory and install the necessary dependencies:**
```bash
cd frontend
npm install
```
3.**Run the project:**
```bash
npm run dev
```
4.**Build it locally:**
```bash
npm run build
```
5.**.env Backend--**
```bash
MONGODB_URI=""
FRONTEND_URL=""
PORT=""

COOKIE_EXPRES_TIME=""
JWT_SECRET=""
JWT_EXPIRES_TIME=""

```
6.**.env Frontend--**
```bash
MODE=development
Actually, there is no need for this. We are already working in development mode. When we deploy, it automatically goes to production mode.
```