https://github.com/satyavardhan2k4/chat-app

A real time chat application using MERN stack! with help of daisy UI for modern styling and bcrypt.js for password protection. For chatting in real time I used socket.io and to authenticate a user I used JWT token. deployed using render
https://github.com/satyavardhan2k4/chat-app

bcryptjs daisyui expressjs jwt-authentication jwt-token mongodb nodejs reactjs socket-io tailwindcss

Last synced: about 2 months ago
JSON representation

A real time chat application using MERN stack! with help of daisy UI for modern styling and bcrypt.js for password protection. For chatting in real time I used socket.io and to authenticate a user I used JWT token. deployed using render

• Host: GitHub
• URL: https://github.com/satyavardhan2k4/chat-app
• Owner: satyavardhan2k4
• Created: 2024-10-21T11:31:55.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-13T09:10:15.000Z (3 months ago)
• Last Synced: 2024-11-13T10:22:58.037Z (3 months ago)
• Topics: bcryptjs, daisyui, expressjs, jwt-authentication, jwt-token, mongodb, nodejs, reactjs, socket-io, tailwindcss
• Language: JavaScript
• Homepage: https://chat-app-realtime-6uym.onrender.com/
• Size: 759 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Real-Time Chat Application Using MERN Stack

## Project Description

This project is a real-time chat application built using the MERN stack, which consists of MongoDB, Express, React, and Node.js. The application allows users to chat in real-time with an easy-to-use interface, featuring modern styling and secure authentication.

### Key Features:

- **Real-Time Messaging**: Powered by `Socket.io` for instant message updates without needing page refreshes.

- **Authentication**: Secure user authentication using `JWT (JSON Web Token)` to protect sensitive data.

- **Password Protection**: User passwords are encrypted using `bcrypt.js` to ensure safety.

- **Modern UI**: Styled with `DaisyUI`, a utility-first CSS framework that integrates seamlessly with `TailwindCSS` for a sleek and modern look.

## Tech Stack

- **Frontend**: 

  - React.js for building the user interface.

  - Tailwind CSS with DaisyUI for modern, responsive design.

  

- **Backend**:

  - Node.js and Express.js for the server and API.

  - Socket.io for real-time communication.

  - MongoDB for storing user data and messages.

  - `bcrypt.js` for password hashing and encryption.

  - `JWT` (JSON Web Tokens) for secure user authentication.

check out deployed version of this project here! https://chat-app-realtime-6uym.onrender.com/