https://github.com/huzaifarz/chatspace
Connect, Chat, and Share SeamLessly.
https://github.com/huzaifarz/chatspace
context-api css3 firebase html5 javascript mui-material react-router-dom reactjs
Last synced: 3 months ago
JSON representation
Connect, Chat, and Share SeamLessly.
- Host: GitHub
- URL: https://github.com/huzaifarz/chatspace
- Owner: HuzaiFaRz
- Created: 2024-11-07T09:38:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-01-17T20:59:36.000Z (6 months ago)
- Last Synced: 2026-01-18T07:19:06.165Z (6 months ago)
- Topics: context-api, css3, firebase, html5, javascript, mui-material, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://huzaifachatspace.netlify.app
- Size: 518 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ChatSpace - Real-Time Chat Application
ChatSpace is a real-time chat application built with React, Firebase, and Material-UI. It allows users to register, log in, and send/receive messages in real-time.
## Features
- User authentication with Firebase (Sign up, Login, Logout).
- Real-time messaging using Firebase Firestore.
- User-to-user chat functionality.
- Mobile responsive design using Material-UI.
## Technologies Used
- **React**: For building the user interface and managing state.
- **Firebase**: For user authentication and real-time database.
- **Material-UI (MUI)**: For UI components and responsive design.
- **Firestore**: For storing chat messages and user data in real-time.
- **React Context API**: For managing the authentication state globally.
## Live Demo
Check out the live version of ChatSpace here: [ChatSpace Live](https://huzaifachatspace.netlify.app/)
# React + Vite + MUI + Firebase
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh