https://github.com/dattatrayasamal/chatapp

A real-time chat application built with the MERN stack, featuring user authentication and one-to-one messaging.
https://github.com/dattatrayasamal/chatapp

expressjs javascript mongodb nodejs reactjs socket-io

Last synced: 3 months ago
JSON representation

A real-time chat application built with the MERN stack, featuring user authentication and one-to-one messaging.

• Host: GitHub
• URL: https://github.com/dattatrayasamal/chatapp
• Owner: dattatrayaSamal
• Created: 2025-03-24T15:34:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-26T11:28:16.000Z (over 1 year ago)
• Last Synced: 2025-04-03T01:19:40.144Z (about 1 year ago)
• Topics: expressjs, javascript, mongodb, nodejs, reactjs, socket-io
• Language: JavaScript
• Homepage: https://heartfelt-quokka-14076e.netlify.app/
• Size: 108 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Chat Application - MERN Stack & Chakra UI

✨ Features



    


User Authentication: Secure login and signup with JWT authentication.

    


Form Validation & Error Handling: Ensures smooth user authentication experience.

    


One-to-One Chat: Real-time messaging powered by Socket.IO.

    


Live Updates: Dynamic UI changes based on user interactions.

    


Responsive UI: Built with Chakra UI for a clean and modern look.



🛠️ Tech Stack



    
Frontend: React.js, Chakra UI, Axios

    
Backend: Node.js, Express.js, MongoDB, JWT Authentication

    
Real-time Communication: Socket.IO

    
Database: MongoDB

    
State Management: React Context API

    
API Testing: Postman



⚡ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/yourusername/chat-application.git


2️⃣ Backend Setup

cd backend


Configure Environment Variables

PORT=5000


Run the Server

npm start


3️⃣ Frontend Setup

cd frontend


Start the React App

npm start

The frontend will be running at http://localhost:3000.


🔗 API Endpoints


    

        Method

        Endpoint

        Description

    

    

        POST

        /api/auth/register

        Register a new user

    

    

        POST

        /api/auth/login

        Authenticate user

    

    

        GET

        /api/users

        Fetch all users

    

    

        GET

        /api/messages/:id

        Fetch chat messages

    

    

        POST

        /api/messages/send

        Send a new message

    

🚀 Future Enhancements



    
Group chat functionality.

    
Read receipts and typing indicators.

    
Message search and filtering.

    
User profile management.



💡 Contributing

Contributions are welcome! Feel free to fork the repo and submit a pull request.