blackphoenix42 / chat-app

A full-stack web chat application where users can send messages to each other. It has many amazing features like group chats, send files, authentication, profile update, etc.

Home Page:https://discord.gg/mRUZEhD

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CHAT.IO

forthebadge forthebadge forthebadge

๐Ÿ“ƒ About

A chat app where users can send messages to each other. This projectโ€™s backend and frontend has an authentication system. It achieves real-time communication using socket.io and has many amazing features.

Few Awesome Features ๐Ÿ•น

  • Send and receive messages in real-time ๐Ÿ“ง
  • Update Profile ๐Ÿ‘จ๐Ÿปโ€๐Ÿซ
  • Upload and send files ๐Ÿ“

๐ŸŒฑ Quick Start

  • Star๐ŸŒŸ and Fork this repository

  • Clone this repository remotely.

git clone https://github.com/blackphoenix42/chat-app.git`

Backend ๐ŸŒ

  • Download and install PostgreSQL๐Ÿ˜

  • Navigate to backend directory

cd .\backend\
  • Install the dependencies
npm install
  • Add PostgresSQL databse password in .env.EXAMPLE file and remove .EXAMPLE from the extension.

  • Create chat_app database in pgAdmin. (You can provide a different name but change it too in the .env file.)

  • In the terminal, run the following command to create tables in database

npx sequelize-cli db:migrate
  • Send dummy data to the database.
npx sequelize-cli db:seed:all
  • Start the server
npm start

Frontend ๐Ÿ’ป

  • Navigate to frontend directory
cd .\frontend\
  • Install the dependencies
npm install
  • Start the app
npm start

๐Ÿ”‘Credentials

Use following credentials to try out the app.

email:john.doe@gmail.com
password:secret

๐Ÿ“š Technology Stack

  • React
  • Nodejs
  • Express
  • PostgreSQL

๐Ÿš€ How to Contribute to Chat-App?

  • Take a look at the Existing Issues or create your own Issues!
  • Check out CONTRIBUTING.md
  • Start contributing to add yourself in README.md ๐Ÿค™๐Ÿป

๐Ÿ‘พ Project Admin


blackphoenix42

๐Ÿ‘‘ Admin

About

A full-stack web chat application where users can send messages to each other. It has many amazing features like group chats, send files, authentication, profile update, etc.

https://discord.gg/mRUZEhD

License:MIT License


Languages

Language:JavaScript 86.6%Language:SCSS 12.6%Language:HTML 0.5%Language:CSS 0.3%