A modern, high-performance e-commerce frontend application built with React and Vite, featuring seamless animations and intuitive user experience for product discovery and reviews.

• Smart Authentication - Secure JWT-based user authentication with persistent sessions
• Dynamic Product Catalog - Browse 11+ categories including electronics, accessories, and more
• Fluid Animations - Scroll-based parallax effects and interactive micro-interactions using Framer Motion
• Responsive Design - Mobile-first approach with Tailwind CSS for all screen sizes
• Direct Shopping Links - Integrated Amazon affiliate links for seamless purchasing
• Modern UI/UX - Gradient effects, animated backgrounds, and smooth transitions

• React 18 - Modern React with hooks
• Vite - Next-generation frontend tooling
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Production-ready animation library
• React Router - Client-side routing
• Axios - HTTP client for API requests
• Radix UI - Accessible component primitives

# Clone the repository
git clone https://github.com/abdulbaqui17/E-Commerce-UI.git

# Navigate to project directory
cd E-Commerce-UI

# Install dependencies
npm install

# Start development server
npm run dev

Create a .env file in the root directory:

VITE_API_URL=http://localhost:3000

Ensure your backend API is running on the specified port.

npm run dev      # Start development server
npm run build    # Build for production
npm run preview  # Preview production build
npm run lint     # Run ESLint

This frontend connects to a REST API with the following endpoints:

• POST /api/v1/users/signup - User registration
• POST /api/v1/users/signin - User authentication

Backend repository: [Add your backend repo link here]

• Mice & Peripherals
• Smartwatches
• Wireless Earbuds
• Bikes & Accessories
• Speakers & Audio
• Cameras & Photography
• Mobile Devices
• TVs & Entertainment
• And more...

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

Abdul Baqui

• GitHub: @abdulbaqui17

• Design inspiration from modern e-commerce platforms
• Animation patterns from Framer Motion community
• UI components from Radix UI and Aceternity UI

⭐ Star this repo if you find it helpful!