Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sagnik-coder24/chat-app
Connect with pals in unique chat rooms.
https://github.com/sagnik-coder24/chat-app
chat-app dashboard firebase prettier react rimraf sass use-context use-reducer
Last synced: 3 days ago
JSON representation
Connect with pals in unique chat rooms.
- Host: GitHub
- URL: https://github.com/sagnik-coder24/chat-app
- Owner: Sagnik-Coder24
- Created: 2021-09-12T08:20:44.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-10-02T08:08:52.000Z (5 months ago)
- Last Synced: 2024-12-27T09:17:01.309Z (about 2 months ago)
- Topics: chat-app, dashboard, firebase, prettier, react, rimraf, sass, use-context, use-reducer
- Language: JavaScript
- Homepage: https://chat-web-app-1539f.web.app/
- Size: 636 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat App
Welcome to the Chat App repository! This project is a real-time messaging application built with React and Firebase. Users can create rooms, chat, and sign in for a personalized experience. The app is fully responsive, ensuring a seamless experience across devices.
## Features
- **Real-Time Messaging**: Send and receive messages instantly.
- **User Authentication**: Sign up and log in using Firebase Authentication.
- **Chat Rooms**: Create or join chat rooms to communicate with others.
- **Responsive Design**: Optimized for both mobile and desktop devices.
## Technologies Used
- **Frontend**: React JS
- **Backend**: Firebase (Authentication, Firestore Database)
- **Styling**: SCSS
## Getting Started
### Prerequisites
- Node.js (v14.0.0 or higher)
- NPM (v6.14.0 or higher)
- Firebase account
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/Sagnik-Coder24/Chat-App.git
cd chat-app
```
2. **Install dependencies**:
```bash
npm install
```
3. **Set up Firebase**:
- Create a new Firebase project in the Firebase Console.
- Enable Authentication and Firestore Database.
- Replace the Firebase configuration object in `src/firebase.js` with your project's configuration:
```javascript
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID"
};
```
4. **Start the development server**:
```bash
npm start
```
5. **Open your browser** and navigate to `http://localhost:3000`.
## Usage
- **Sign Up/Sign In**: Use the authentication form to create an account or log in.
- **Create/Join Chat Rooms**: After signing in, you can create new chat rooms or join existing ones.
- **Send Messages**: Start chatting with others in real-time.
## Deployment
To deploy the application, you can use any hosting service that supports Node.js applications, such as Firebase Hosting, Netlify, or Vercel. Follow the instructions provided by your chosen hosting service to deploy the application.
## Contributing
Feel free to submit issues and pull requests if you find any bugs or would like to add new features.
## License
This project is open-source and available.