React Daily Chat App

• Welcome to the React Daily Chat App! This is a chat application built using React, Express, MongoDB, Socket.IO, and other libraries. The app features real-time messaging, user authentication with Google OAuth 2.0 and JWT token, group chat creation, typing indicators, and a profile section that allows users to edit their information.

Installation

• To install and run the React Daily Chat App, follow these steps:
  1. Clone the repository to your local machine.
  2. Install the necessary dependencies by running npm install in the project directory.
  3. Start the development server by running npm start.
  4. Open your browser and navigate to http://localhost:5000.

Usage

• To use the app, you must have a Google account to sign in, or you can create an account by signing up manually with your email and password. User passwords are stored using bcrypt for secure storage. Once you have joined, you can start sending and receiving messages in real-time.

Features

• The React Daily Chat App includes the following features:
  • User authentication with Google OAuth 2.0 and JWT token, as well as manual login with bcrypt for password storage.
  • Real-time messaging using Socket.IO
  • Ability to send text messages and view typing indicators
  • Group chat creation and management
  • Editable profile section with user information
  • Responsive design using Bootstrap
  • Chat message rendering optimized with React Virtuoso
  • Context API used for state management
  • Server-side using NodeJs, Express and MongoDB

Technologies Used

• The React Daily Chat App was built using the following technologies:
  • React
  • Node.js
  • Express
  • Socket.IO
  • Contextapi
  • Google OAuth 2.0
  • JWT token
  • bcrypt
  • Bootstrap
  • React Virtuoso

Contributing

• Contributions to the React Daily Chat App are welcome! If you would like to contribute, please fork the repository and submit a pull request.