/Chatify

Primary LanguageSCSS

Chatify

Chatify is a real-time chat application built with React and Firebase. It allows users to communicate instantly, create chat rooms, and manage user profiles with ease.

Features

  • Real-Time Messaging: Send and receive messages instantly.
  • User Authentication: Secure sign-up and login with email or Google.
  • Chat Rooms: Create and join chat rooms for group conversations.
  • User Profiles: Manage user profiles with avatars and names.
  • Responsive Design: Optimized for both desktop and mobile devices.

Live Demo

You can view the live application at: Chatify Live Site

Technologies Used

  • React: Front-end library for building the user interface.
  • Firebase: Backend service for authentication and real-time database.
  • React Router: For handling navigation and routing within the app.
  • Material-UI: Component library for a modern and responsive design.

Installation

To set up the Chatify project locally, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/icyflame21/Chatify.git
    cd Chatify
  2. Install Dependencies:

    npm install
  3. Set Up Firebase:

    • Create a Firebase project in the Firebase Console.
    • Obtain your Firebase configuration and place it in firebase.js.
  4. Run the Application:

    npm start

    Open http://localhost:3000 in your browser to see the app in action.

Usage

  • Sign Up / Log In: Use your email or Google account to access the app.
  • Create / Join Chat Rooms: Navigate to the chat rooms section to start or join discussions.
  • Manage Profile: Update your profile information and avatar in the settings.

Contributing

If you want to contribute to Chatify, follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -am 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Create a new Pull Request.

Contact

For any questions or feedback, please contact [hi@biswaranjan.in].