ChatBud is a real-time chat application that allows users to communicate securely and privately in a multi-user environment. The application is built using React JSX, Firebase, and SASS, providing a seamless and encrypted messaging system for enhanced security and confidentiality.
- Real-time Communication: Users can send and receive messages in real-time, creating a seamless and dynamic chatting experience.
- Encryption: The application employs end-to-end encryption to ensure that messages are transmitted securely, protecting user data from unauthorized access.
- User Authentication: Chat_Room includes a user authentication system that ensures only registered users can access the chat and maintain privacy.
- Multi-User Support: Multiple users can join the chat room simultaneously, making it an ideal platform for group communication.
- User Status: Users can view the online/offline status of other participants, enhancing the chat experience.
- Responsive Design: The application is designed to be responsive, providing an optimal viewing experience on various devices and screen sizes.
- Clone the repository to your local machine:
git clone https://github.com/GyanPrakash2/Chat_Room.git . -
Install the required dependencies:
npm install -
Configure Firebase:
- Create a new Firebase project at https://console.firebase.google.com/
- Obtain your Firebase configuration credentials (apiKey, authDomain, databaseURL, projectId, storageBucket, messagingSenderId, appId) from the Firebase console.
- Replace the placeholder Firebase configuration in the src/firebase.js file with your credentials.
- Start the development server:
npm start
- Open your web browser and go to http://localhost:3000 to access the Chat_Room application.
- Register a new account or log in with your existing account.
- Once logged in, you will enter the chat room.
- To send a message, type your text in the input field and press Enter or click the Send button.
- You can send emojis by clicking on the emoji icon next to the input field.
- To attach files, click on the file attachment icon and select the file you want to send.
- Enjoy real-time, secure communication with other users in the chat room!
- React JSX: Front-end library for building user interfaces.
- Firebase: Backend-as-a-Service (BaaS) platform for real-time database and user authentication.
- SASS: CSS preprocessor for styling the application with enhanced capabilities