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.
- 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.
You can view the live application at: Chatify Live Site
- 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.
To set up the Chatify project locally, follow these steps:
-
Clone the Repository:
git clone https://github.com/icyflame21/Chatify.git cd Chatify
-
Install Dependencies:
npm install
-
Set Up Firebase:
- Create a Firebase project in the Firebase Console.
- Obtain your Firebase configuration and place it in
firebase.js
.
-
Run the Application:
npm start
Open
http://localhost:3000
in your browser to see the app in action.
- 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.
If you want to contribute to Chatify, follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes and commit them (
git commit -am 'Add new feature'
). - Push to the branch (
git push origin feature-branch
). - Create a new Pull Request.
For any questions or feedback, please contact [hi@biswaranjan.in].