https://github.com/mutahir-riaz/chat-app
This is a modern, real-time chat application built with React, Firebase, and Tailwind CSS. The app allows users to follow and unfollow other users and send direct messages instantly. It features a sleek, responsive design, ensuring a seamless experience across devices. Powered by Firebase, it delivers fast and reliable real-time communication.
https://github.com/mutahir-riaz/chat-app
chat-application firebase formik material-ui react tailwindcss
Last synced: 2 months ago
JSON representation
This is a modern, real-time chat application built with React, Firebase, and Tailwind CSS. The app allows users to follow and unfollow other users and send direct messages instantly. It features a sleek, responsive design, ensuring a seamless experience across devices. Powered by Firebase, it delivers fast and reliable real-time communication.
- Host: GitHub
- URL: https://github.com/mutahir-riaz/chat-app
- Owner: mutahir-riaz
- Created: 2024-08-11T06:11:25.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-11T06:23:38.000Z (almost 2 years ago)
- Last Synced: 2025-02-15T20:20:20.584Z (over 1 year ago)
- Topics: chat-application, firebase, formik, material-ui, react, tailwindcss
- Homepage:
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Realtime Chat App
This is a modern chat application built using React, Firebase, and Tailwind CSS. It allows users to follow/unfollow others and engage in real-time messaging. Designed for seamless communication, the app features a clean and responsive user interface.
## Table of Contents
- [Features](#features)
- [Tech Stack](#tech-stack)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## Features
- **Real-Time Messaging:** Instantly send and receive messages with real-time updates powered by Firebase.
- **Follow/Unfollow Users:** Follow and unfollow users to manage your connections.
- **Responsive Design:** Tailwind CSS ensures a responsive and user-friendly interface across devices.
- **Secure Authentication:** Firebase Authentication for secure user login and registration.
- **User Profiles:** View and manage your profile and see who you follow.
## Tech Stack
- **Frontend:**
- React.js
- Tailwind CSS
- **Backend:**
- Firebase Realtime Database
- Firebase Authentication
## Getting Started
### Prerequisites
Make sure you have Node.js and npm installed on your machine.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/realtime-chat-app.git
```
2. Navigate to the project directory:
```bash
cd realtime-chat-app
```
3. Install dependencies:
```bash
npm install
```
4. Set up Firebase:
- Create a Firebase project at [Firebase Console](https://console.firebase.google.com/).
- Enable Firebase Authentication and Realtime Database.
- Copy your Firebase config object and paste it into your environment configuration.
5. Start the development server:
```bash
npm start
```
## Usage
- **Follow/Unfollow Users:** Click on a user's profile to follow or unfollow them.
- **Send Messages:** Open a chat window with a user and start messaging in real-time.
- **Manage Profile:** Update your profile information and view your followers.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.