Modern E-commerce Frontend

A modern, responsive e-commerce frontend built with React, Vite, and TailwindCSS. This project features a clean and intuitive user interface with dark mode support, product showcases, testimonials, and newsletter subscription functionality.

Features

• Modern Design: Clean and contemporary UI/UX
• Responsive Layout: Works seamlessly on all device sizes
• Dark Mode: Built-in theme switcher for dark/light modes
• Product Showcase: Dynamic product displays with images
• Interactive Components:
  • Hero section with animated content
  • Product carousels
  • Testimonial section
  • Newsletter subscription
• Performance Optimized: Built with Vite for faster development and production builds
• Smooth Animations: Integrated AOS (Animate On Scroll) for smooth transitions

Technologies Used

• React - v19.1.1
• Vite - v7.1.2
• TailwindCSS - v3.4.17
• React Icons - v5.5.0
• React Slick - For carousels
• AOS - For scroll animations

Installation

1. Clone the repository:

   git clone https://github.com/abirneu/Ecommerce-frontend.git

2. Navigate to the project directory:

   cd Ecommerce-frontend

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

🔧 Available Scripts

• npm run dev - Starts the development server
• npm run build - Builds the app for production
• npm run preview - Preview the production build locally
• npm run lint - Run ESLint to check code quality

Project Structure

src/
├── assets/         # Images and static assets
├── components/     # React components
│   ├── Banner/
│   ├── Footer/
│   ├── Hero/
│   ├── Navbar/
│   ├── Popup/
│   ├── Products/
│   ├── Subscribe/
│   ├── Testimonials/
│   └── TopProducts/
└── App.jsx         # Main application component

Contributing

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

License

This project is licensed under the MIT License.

👨‍💻 Author

• GitHub: @abirneu