React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Variety Store

Live Demo

Description

Variety Store is a fully responsive e-commerce project built with React and Vite. The project provides a modern, interactive user experience by integrating a variety of powerful libraries and tools.

Features

• Fully Responsive Design: Optimized for all devices and screen sizes.
• Interactive Animations: Uses Framer Motion for smooth and engaging animations.
• Product Slider: Implements a dynamic product carousel using React Slick.
• Dark/Light Mode Toggle: Includes a DarkMode component for switching themes.
• Google OAuth Integration: Simplifies user login via Google OAuth.
• Custom Icons: Leverages React Icons for an attractive UI with icons like:
  • IoMdSearch,
  • FaCartShopping,
  • FaCaretDow,
  • FaUser,
  • IoCloseOutline,
  • TbPasswordUser,
  • GrSecure,
  • IoFastFood,
  • GiFoodTruck,
• State Management: Utilizes React’s useState hook to manage component state.

Technologies and Libraries

• React & Vite: Core framework and build tool for developing the application.
• React Slick: Provides a responsive carousel component for displaying products.
• React Icons: Offers a vast collection of icons for UI enhancement.
• Framer Motion: Adds smooth animations and transitions to enhance user experience.
• DarkMode Component: Enables theme toggling between dark and light modes.
• @react-oauth/google: Integrates Google OAuth for streamlined authentication.

Getting Started

Installation

1. Clone the repository: ```bash git clone https://github.com/USERNAME/REPO_NAME.git cd REPO_NAME