Skip to content

A real-time chatting application where multiple users can communicate between them

Notifications You must be signed in to change notification settings

rajesh1028/Chatify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chatify.com is basic Chat application inspired from Whatsapp.

Tech Stack

Frontend: HTML, CSS, JavaScript

Backend: NodeJS, Express

DataBase: MongoDB

NPM Packages: Bcrypt, Nodemon, Mongoose, Socket.io, dotenv, passport, passport-google-oauth20

Features

Our Authentication

Google OAuth Authentication

Status

Private Chat

Group Chat

How to Use our Application

Register and Login:

  • To register, open the application and Fill in the required details such as name, email, and password.
  • Once you fill in the details, click on the "Continue" button.
  • You will be redirected to Login Page.
  • Fill in the required details such as email, and password.
  • Once you fill in the details, click on the "Continue" button.
  • You will be redirected to our Home Page.

Continue with Google:

  • If you have a Google account, you can directly log in using the "Continue with Google" button.
  • Click on the button and enter your Google account details.
  • You will be redirected to the Home page of the application.

Home Page:

  • Once you log in, you will be redirected to the Home page.
  • On the Home page, you will see a list of contacts you can chat with.
  • Click on the contact you want to chat with.
  • You will be redirected to the chat page with the selected contact.

Chat Page:

  • On the chat page, you can send and receive messages with the selected contact.
  • Please Note:- You may need to login two or more accounts, to check the chat Functionality.

Group Chat Functionality:

  • To start group chat, click on the "Group Chat" button on the Home page.
  • Select Group and add username.
  • Click on the "Join ChatRoom" button to enter the chat room.
  • You will be redirected to the group chat page.
  • To add more users to the chat room, you can use the same page, to add more users.
  • To send a message, type the message in the text box and click on the send button.
  • To exit the group chat page, click on the "Go Out" button.

Status Functionality:

  • To add a status, click on the "Add Status" button on the Status Tab.
  • Enter the status message and image link address.
  • Once you add the status, click on the "Create" button.
  • You will see a list of statuses posted by your contacts.

HomePage

Register

Group Chat

Private Chat

Status

About

A real-time chatting application where multiple users can communicate between them

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published