Skip to content

saeedhalabi/Whisperly

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

127 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’¬ Full-Stack Chat App

A real-time chat application built with the MERN stack (MongoDB, Express.js, React, Node.js). This app allows users to send and receive messages instantly, with support for user authentication, chat rooms, and responsive design.

πŸš€ Features

  • πŸ” User Authentication (Login/Register)
  • πŸ“© Real-time Messaging with Socket.io
  • πŸ’¬ Private Chats
  • πŸ“± Responsive UI (Mobile & Desktop Friendly)
  • πŸ—ƒοΈ MongoDB for User Storage
  • 🧾 Clean and minimal design

πŸ› οΈ Tech Stack

Frontend

  • βš›οΈ React
  • 🎨 CSS & Tailwind CSS
  • πŸ”— Axios

Backend

  • 🟒 Node.js
  • πŸš€ Express.js
  • πŸ“‘ Socket.io

Database

  • πŸƒ MongoDB
  • 🧬 Mongoose

πŸ“¦ Installation

  1. Clone the repo: git clone https://github.com/saeedhalabi/Whisperly.git
  2. Install dependencies:

Client: cd client npm install

Server: cd server npm install

  1. Environment variables

Create a .env file in the root of the server folder

PORT=8080 MONGO_URI=<your-mongo-db-uri> JWT_SECRET=<your-jwt-secret-key> PEPPER=<your-pepper-string>

  1. Start the app

Server: npm run dev Client: npm run dev


πŸ“Έ Screenshots

Chat UI

Login Page

Signup Page


Designed and developed by Saeed Halabi

About

Whisperly is a real-time chat application that allows users to send and receive messages instantly. With a sleek, user-friendly interface and real-time notifications, Whisperly makes communication easy and fun. Built with modern web technologies, it offers smooth performance and scalability for seamless messaging experiences.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors