Skip to content

Gochatsurtsumia/Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

11 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

A lightweight, real-time Chat Application built with Python (Flask) on the backend and React on the frontend. You can set up this project locally, or simply try it out live:

๐Ÿ‘‰ Live Demo on Netlify

โš ๏ธ Note: The chat might take a few seconds to load โ€” please be patient, share the link, and enjoy chatting with your friends!


๐Ÿš€ Features

  • ๐Ÿ’ฌ Real-time messaging between multiple users
  • ๐ŸŸข Online users indicator
  • โœ๏ธ Typing status feedback
  • โšก Fast and responsive frontend built with React
  • ๐Ÿ”„ Auto-refresh and connection handling

๐Ÿ› ๏ธ Technologies Used

Frontend

  • React (with Hooks and functional components)
  • WebSocket / Socket.io client
  • **CSS for styling

Backend

  • Python (Flask or FastAPI)
  • Flask-SocketIO or Socket.io server
  • CORS for cross-origin support

๐Ÿ“ฆ Installation & Setup

1. Clone this repository

git clone https://github.com/yourusername/Simple-Chat-App.git

2. Navigate into the project folder

cd Simple-Chat-App

3. Install dependencies

For the backend:

cd backend
pip install -r requirements.txt
python app.py

For the frontend:

cd frontend
npm install
npm start

4. Access the app

Open your browser and go to ๐Ÿ‘‰ http://localhost:3000


๐Ÿง  How It Works

The frontend connects to the backend through WebSockets, allowing users to exchange messages in real time. When one user types or sends a message, all connected users see the updates instantly โ€” no page reloads needed.


๐Ÿงฉ Future Improvements

  • Add private messaging (1:1 chat)
  • Support for emojis and file uploads
  • Persistent chat history using a database
  • Authentication (optional)
  • Dark mode

About

Real-time chat application using Python backend and React frontend

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published