Skip to content

A modern real-time chat application built with MERN, Socket.io, and TailwindCSS. Features include JWT authentication, live messaging, online user status, error handling, Zustand state management, and 32 customizable themes for a dynamic user experience. πŸš€

Notifications You must be signed in to change notification settings

MohammedJawwad/Zephyr-Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Zephyr Chat App

A sleek, real-time chat application that combines modern design with powerful features, delivering a seamless communication experience.


πŸš€ Features

  • Real-Time Messaging: Powered by Socket.io for instant conversations.
  • Authentication & Authorization: Secure JWT implementation.
  • Online User Status: Stay updated with who's online.
  • Global State Management: Simplified with Zustand.
  • Error Handling: Robust error management on both client and server.
  • Theme Customization: Choose from 32 stunning themes with Daisy UI.

🌐 Live Demo

Check out the live application: Zephyr Chat App


πŸ“Έ Screenshots

πŸ’¬ Chat Interface

Jawwad Saba

πŸ”‘ Login Page

Login Page Screenshot

🎨 Theme Selector

Theme Selector Screenshot

πŸ‘©β€πŸ’» Profile

Profile Page


πŸ’» Tech Stack

  • Frontend: React, TailwindCSS, Daisy UI
  • Backend: Node.js, Express
  • Database: MongoDB
  • Real-Time: Socket.io
  • State Management: Zustand

πŸ› οΈ Installation

1. Clone the repository:

git clone https://github.com/MohammedJawwad/Zephyr-Chat-App.git
cd Zephyr-Chat-App

2. Install dependencies:

For backend

cd backend
npm install

For frontend

cd ../frontend
npm install

3. Start the application:

Start backend

cd backend
npm start

Start frontend

cd ../frontend
npm run dev

4. Access the app at http://localhost:3000.

About

A modern real-time chat application built with MERN, Socket.io, and TailwindCSS. Features include JWT authentication, live messaging, online user status, error handling, Zustand state management, and 32 customizable themes for a dynamic user experience. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages