Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lansarbac2020/chat-appv-1


https://github.com/lansarbac2020/chat-appv-1

chat-application cors-request javascript jwt-authentication mongodb-atlas nodejs reactjs server socket-io tailwind-css

Last synced: 19 days ago
JSON representation

Awesome Lists containing this project

README

        

# Chat-App (Open Project source under development)

A real-time chat application built with Node.js, MongoDB, JWT for authentication, CORS for handling cross-origin requests, Socket.IO for real-time communication, React.js for the frontend, and Tailwind CSS for styling.

## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Configuration](#configuration)
- [Authors](#authors)
- [License](#license)

## Features
- **Real-Time Messaging**: Users can send and receive messages instantly.
- **Secure Authentication**: Users can sign up and log in using JWT tokens.
- **Conversation Management**: Messages are stored in MongoDB, ensuring persistent conversations.
- **Cross-Origin Requests Handling**: CORS is configured to allow smooth interaction between the client and server.
- **Responsive UI**: Built with React.js and styled using Tailwind CSS for a modern and responsive user interface.

## Technologies Used
- **Node.js**: Backend server.
- **MongoDB**: Database for storing users and messages.
- **JWT (JSON Web Tokens)**: For secure user authentication.
- **CORS (Cross-Origin Resource Sharing)**: To allow cross-origin requests between frontend and backend.
- **Socket.IO**: For real-time communication between users.
- **React.js**: Frontend framework for building the user interface.
- **Tailwind CSS**: Utility-first CSS framework for styling the frontend.

## Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/chat-app.git
## Authors
1. Lansar - .