link-chat-app.mp4

Full Stack Chat App

This is a full stack chat application. You can chat privately or in a group and send images if you wish.

💡 Features

• Dark Theme
• Responsive UI
• JWT Authentication
• Private or Group Chat
• Sending Text and Image
• Creating Profile
• Adding Friend or Blocking

🛠️ Built With

• Typescript - Main Language
• React - JavaScript library for UI
• Redux - Global State Management
• Nest.js - Node.js Framework
• Socket.IO - Web Socket
• TailwindCSS - CSS Framework
• PostgreSQL - SQL Database
• Sequelize - Database ORM
• React Icons - Icon Library
• Moment - Date Formatting
• Bcrypt - Encryption
• JS Cookie - Cookie
• Cloudinary - Image Storage

📸 Screenshots

🚩 Getting Started

First of all you need to clone the repository and install the dependencies

git clone https://github.com/ahmedsemih/fullstack-chat-app.git
cd client
npm install
cd ..
cd server
npm install

After doing this you must assign the following environment variables

--- CLIENT ---
REACT_APP_API_BASE_URL
REACT_APP_CLOUD_NAME
REACT_APP_UPLOAD_PRESET

--- SERVER ---
DB_PASSWORD
CLIENT_BASE_URL
JWT_SECRET

And run dev servers for both

--- CLIENT ---
npm start

--- SERVER ---
npm run start:dev