ChitChat | Modern Real-Time Messaging Platform

ChitChat is a full-stack, real-time communication platform designed with a focus on speed, security, and a premium user experience. Built using the Django-React stack, it features instant messaging via WebSockets and a sleek, responsive interface powered by Tailwind CSS v4.

🚀 Key Features

• Real-Time Messaging: Instant message delivery and receipt using WebSockets (Django Channels).
• Modern UI/UX: A glassmorphic, mobile-responsive dashboard designed with Tailwind CSS and Lucide icons.
• Smart Conversations: * Dynamic sidebar with recent chat history.
  • "New Message" modal with live user search and filtering.
• Secure Authentication: JWT-based (JSON Web Token) authentication with protected routing.
• Visual Feedback: Loading skeletons, animated transitions, and interactive button states for a tactile feel.

🛠️ Tech Stack

Frontend

• React.js (Vite)
• Tailwind CSS v4 (Modern styling engine)
• Lucide React (Iconography)
• React Router DOM (Navigation & Protected Routes)

Backend

• Django & Django REST Framework (API & Business Logic)
• Django Channels (WebSocket implementation)
• PostgreSQL (Production-grade database)
• SimpleJWT (Authentication)

📦 Installation & Setup

1. Clone the Repository

git clone [https://github.com/navaneethsankar07/ChatApp.git](https://github.com/navaneethsankar07/ChatApp.git)
cd ChatApp

2. Backend Setup
Bash

cd server
python -m venv .venv
source .venv/bin/activate  # Windows: .venv\Scripts\activate
pip install -r requirements.txt
python manage.py migrate
python manage.py runserver
3. Frontend Setup
Bash

cd client
npm install
npm run dev




Developed with ❤️ by Navaneeth Sankar