Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/lansarbac2020/chat-appv-1
- Owner: Lansarbac2020
- Created: 2024-07-30T09:15:18.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-09-06T16:53:17.000Z (5 months ago)
- Last Synced: 2024-09-07T02:17:33.204Z (5 months ago)
- Topics: chat-application, cors-request, javascript, jwt-authentication, mongodb-atlas, nodejs, reactjs, server, socket-io, tailwind-css
- Language: JavaScript
- Homepage:
- Size: 14.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 - .