Skip to content

Full Stack Realtime Chat App. Built with React, Nest.js and Socket.io.

License

Notifications You must be signed in to change notification settings

ahmedsemih/Fullstack-Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

📸 Screenshots

link-1 link-2 link-3 link-4
link-8

🚩 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