Skip to content

the process of creating a dynamic chat application using React.js, React Lazy Loading, Bootstrap, Axios, and React Infinite Scroll. The project encompasses features such as data fetching using Axios, user verification through unique badges, and the implementation of infinite scroll using the React Infinite Scroll library.

Notifications You must be signed in to change notification settings

Nikeshjaiswal55/Chat-Screen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Screenshots :-

  1. Desptop Screen:- image

  2. Mobile Screen:- image

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:https://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]

About

the process of creating a dynamic chat application using React.js, React Lazy Loading, Bootstrap, Axios, and React Infinite Scroll. The project encompasses features such as data fetching using Axios, user verification through unique badges, and the implementation of infinite scroll using the React Infinite Scroll library.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages