Skip to content

Latest commit

Β 

History

History
67 lines (38 loc) Β· 2.01 KB

README.md

File metadata and controls

67 lines (38 loc) Β· 2.01 KB

Project Title

This project focuses on implementing various functionalities using React.js and integrating Swiper.js for carousel functionality.

Overview

The project incorporates several key functionalities and best practices:

Carousel Functionality

  • Implemented Swiper.js for seamless carousel functionality.
  • Utilized navigation dots for easy navigation within the carousel.
  • Enabled autoplay feature for enhanced engagement.

CSS Units

  • Em/Rem units used in CSS for scalability and responsiveness.

Mobile Responsiveness

  • Ensured mobile responsiveness for optimal viewing across devices.

Top Carousel Section

  • Users can interact seamlessly with the carousel using navigation dots.
  • Autoplay functionality engaged for increased user engagement.

Card Slider

  • Provided a smooth user experience enabling users to drag the slider using mouse and touch gestures.

Statistics Section

  • Animated counting or ticker for statistics to make them visually appealing.
  • Numbers animated from 0 to the desired values for user engagement.

FAQ Section

  • Optimized user experience by allowing single answer visibility upon clicking the plus icon next to a question.

Installation and Usage

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Run the project using npm start.
  5. Access the application via the provided local server address.

Deployment

For deployment and build-related information, refer to the following sections:

Additional Notes

Include any additional information or notes pertinent to the project here.

Contributors

  • List of contributors and their contributions (if applicable).

License

This project is licensed under the [License Name] License - see the LICENSE.md file for details.