Real-Time Chat App

A feature-rich real-time chat application built with React.js, TailwindCSS, SCSS, and Firebase. This app allows users to authenticate, add friends, and exchange messages with attachments in real-time.

Features

• User Authentication

  • Login, Signup, Forgot Password, and Reset Password functionality.

• Real-Time Messaging

  • Send and receive messages instantly.
  • Attach and share files or images in conversations.

• Friends Management

  • Add and manage friends to build your personal chat network.

• Responsive Design

  • Fully responsive UI built with SCSS and TailwindCSS for an optimized user experience on all devices.

Technologies Used

• Frontend: React.js, SCSS, TailwindCSS
• Backend: Firebase Authentication, Firestore (Database), Firebase Storage
• Real-Time Features: Firebase Realtime Database and Firestore listeners

Installation

1. Clone the repository:

   git clone https://github.com/your-username/real-time-chat-app.git
   cd real-time-chat-app
2. Install dependencies:

npm install 

3. Create a Firebase project:

• Go to Firebase Console.
• Create a new project and set up Authentication, Firestore, and Storage.

4. Configure Firebase:

REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_project_id.firebaseapp.com
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_project_id.appspot.com
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id

5. Start the development server: npm start
6. Open the app in your browser: http://localhost:3000

Screenshots

• Authentication Page
  User-friendly authentication forms for Login, Signup, and Password Management.

• Chat Interface
  Real-time chat interface with message attachments.

Future Enhancements

• Implement message reactions and read receipts.
• Add group chat functionality.
• Enhance notifications for new messages and friend requests.

Contributing

Contributions are welcome! If you'd like to contribute, please follow these steps:

• Fork the repository
• Clone your fork the repository
• Create a new branch:
  git checkout -b feature-name
• Make your changes and commit them:
  git commit -m "Add feature-name"
• Push to the branch:
  git push origin feature-name
• Submit a pull request.

License

This project is licensed under the MIT License.

Contact

For any inquiries or feedback, feel free to reach out:

• Email: amarachigoodness74@gmail.com
• GitHub: amarachigoodness74