Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/medamineharbaoui/simple-chat-app
The project aims to familiarize developers with working on real-time communication using WebSockets.
https://github.com/medamineharbaoui/simple-chat-app
backend frontend nodejs orm reactjs real-time sequelize sqlite typescript websocket
Last synced: 14 days ago
JSON representation
The project aims to familiarize developers with working on real-time communication using WebSockets.
- Host: GitHub
- URL: https://github.com/medamineharbaoui/simple-chat-app
- Owner: medamineharbaoui
- Created: 2024-10-09T11:11:01.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2024-10-28T12:18:16.000Z (18 days ago)
- Last Synced: 2024-10-28T15:43:52.820Z (18 days ago)
- Topics: backend, frontend, nodejs, orm, reactjs, real-time, sequelize, sqlite, typescript, websocket
- Language: TypeScript
- Homepage:
- Size: 178 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
This is a simple real-time chat application built using React.js for the frontend, Node.js for the backend, SQLite as the database (using Sequelize ORM), and WebSockets for real-time communication.
The project aims to familiarize developers with working on real-time communication using WebSockets.# Features
User login and authentication
Real-time chat functionality using WebSockets
Persistent message storage using SQLite
Responsive UI with React.jsLogin View
![First Screenshot](Screenshot_1.png)Chat View
![Second Screenshot](Screenshot_2.png)# Installation
Backend Setup :
git clone https://github.com/your-username/chat-app.git
cd backend
npm install# Start the backend server:
node index.js
Frontend Setup :
cd frontend
npm install# Start the frontend application:
npm start
# Usage
Open your browser and go to http://localhost:3000.
Register or login with an existing account.
Start chatting in real-time with other users!# Technologies Used
Frontend: React.js
Backend: Node.js
Database: SQLite with Sequelize ORM
WebSockets: Socket.io for real-time communication