Skip to content

Latest commit

 

History

67 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages