Hello! If you'd like to see a live demo, please follow these steps in your browser settings:

1. Open your browser's settings.
2. Look for the 'Site Settings' option. 
3. Within 'Site Settings,' find the 'Insecure Content' section.
4. In the 'Insecure Content' section, there should be an option to 'Add URL' or 'Allow.'
5. Click on that option and add the URL of the demo you want to access.

Demo link :- https://corider-chatscreen-web.netlify.app/

Screenshots :-

1. Desptop Screen:-

2. Mobile Screen:-

This is a chat application built using React.js, React Lazy Loading, and the Bootstrap library. The project allows users to engage in real-time chat conversations and includes features such as data fetching with Axios, user verification through unique badges, and the implementation of infinite scroll using the React Infinite Scroll library.

Features

1. Lazy loading of components to optimize performance.
2. User verification with unique badges for authenticity.
3. Data fetching using Axios for seamless integration with external APIs.
4. Infinite scroll implementation using the React Infinite Scroll library.
5. Responsive and visually appealing user interface built with Bootstrap.

Installation

1. Clone the repository: git clone https://github.com/your-username/chat-application.git
2. Navigate to the project directory: cd chat-application
3. Install the dependencies: npm install

Usage

1. Start the development server: npm start
2. Open your browser and visit http://localhost:3000 to access the chat application.

Configuration

No additional configuration is required for the chat application. However, please ensure that you have a stable internet connection to enable data fetching.

Dependencies

The following dependencies are used in this project:

1. React.js
2. React Lazy Loading
3. Bootstrap
4. Axios
5. React Infinite Scroll

Contributing

Contributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to submit a pull request or open an issue on the GitHub repository.

For any inquiries or questions, please reach out to [email protected]