Chat App 💬

Chat App is a dynamic chat application built using the MERN stack, designed to provide an engaging real-time messaging experience focusing on secure and efficient communication.

Features

• 🌟 Tech Stack: MERN (MongoDB, Express, React, Node.js), Socket.io, TailwindCSS, Daisy UI
• 🎃 Authentication & Authorization: Secure login with JWT
• 👾 Real-Time Messaging: Chat instantly with Socket.io
• 🚀 Online User Status: See who's online with Socket.io and React Context
• 👌 Global State Management: Manage app state effortlessly with Zustand
• 🐞 Error Handling: Handle errors smoothly on both server and client

Project Structure

Backend

• controllers/: Handle request logic
• DB/: Database connection setup
• middleware/: Custom middleware functions
• models/: Database models
• routes/: API routes
• socket/: Socket.io setup
• utils/: Utility functions
• server.js: Server entry point

Frontend

• public/: Static files
• src/: React components and application logic
• .eslintrc.cjs: ESLint configuration
• index.html: HTML template
• package-lock.json: Dependency lock file
• package.json: Project metadata and dependencies
• postcss.config.js: PostCSS configuration
• tailwind.config.js: TailwindCSS configuration
• vite.config.js: Vite configuration

Technologies Used

• MongoDB: Database for storing chat messages and user information
• Express: Web framework for building the backend API
• React: JavaScript library for building user interfaces
• Node.js: JavaScript runtime for the backend server
• Socket.io: Library for real-time web applications
• TailwindCSS: Utility-first CSS framework for styling
• Daisy UI: Tailwind CSS component library for UI components
• JWT: JSON Web Tokens for secure authentication
• Zustand: State management library for React

Chat-app.video.demo.mp4

Contact

For any questions or feedback, please reach out via email.