Skip to content

Ashutosh-pixel/Connectify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Connectify

Connectify is a full-stack chat application built with React, Node.js, and Express. It features real-time messaging with read/unread notifications, ensuring a seamless communication experience. The application leverages Tailwind CSS for styling, providing a modern and responsive design.

Features

  • Real-time Messaging: Instantly send and receive messages.
  • Read/Unread Notifications: Track which messages have been read or are unread.
  • User Authentication: Secure login and registration system.
  • Database Connectivity: Persist messages and user data with a connected database.

Tech Stack

  • Frontend

    React

    TailwindCSS

  • Backend

    NodeJS

    Express.js

    Socket.io

  • Database

    MongoDB

  • Authentication & Authorisation

    JWT

  • IDE

    Visual Studio Code

Installation

Prerequisites

  • Node.js
  • npm (Node Package Manager)
  • MongoDB
  • SocketIO

Steps

  1. Clone the Repository

    git clone https://github.com/Ashutosh-pixel/Connectify.git
    cd connectify
    
  2. Install Dependencies

    npm install
    
  3. Setup Environment Variables

    PORT = "port number "
    DB_URI = "mongodb URI link paste here"
    SECRET_KEY = "give secret key"
    
  4. Install Dependencies

    npm run build
    
  5. Run the Application

    npm run start

Usage

  1. Register a New Account: Sign up with your email and create a password.
  2. Login with Your Credentials: Use your email and password to log in.
  3. Start Chatting!: Begin sending and receiving messages in real time.

Screenshots

Login Page

Login Page

Signup Page

signup

Chat Interface

Chat Interface

Chat Interface

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published