This project is a chat application developed with React, Firebase, Tailwind and Redux., Users can sign in, register, find friends, and engage in chat conversations with the ability to share images.
- User Authentication: Sign in or create a new account.
- Find Friends: Search and add other users as friends.
- Profile Picture: Upload a profile picture during account creation or on the profile page.
- Real-time Chat: Communicate with friends in real-time through chat messages.
- Image Messages: Enhance communication by sending images in chat messages.
- React: JavaScript library for building user interfaces.
- Firebase: Backend services for authentication and real-time database.
- Redux: State management library for React applications.
- Tailwind CSS
- Node.js must be installed.
- Create a Firebase project and add the necessary configuration.
-
Clone the repository to your local machine:
git clone https://github.com/ferhatkplnn/react-firebase-chat-app.git
-
Navigate to the project directory:
cd react-firebase-chat-app
-
Install dependencies:
npm install
-
Add Firebase configuration:
Add your Firebase web app configuration to the
.env
file:VITE_FIREBASE_API_KEY=your_api_key VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain VITE_FIREBASE_PROJECT_ID=your_project_id VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id VITE_FIREBASE_APP_ID=your_app_id
-
Start the application:
npm run dev
- Fork this repository.
- Add a new feature or fix a bug.
- Commit your changes in a new branch:
git checkout -b new-feature
- Commit your changes:
git commit -m 'Added new feature'
- Push your branch to the main repository:
git push origin new-feature
- Create a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.