🛍️ ShoppyGlobe - Modern E-commerce Platform

ShoppyGlobe is a feature-rich e-commerce platform built with React and modern web technologies, offering a smooth and interactive shopping experience.

GitHub Repository

View the project on GitHub

✨ Features

• 🛒 Intuitive shopping cart functionality
• 🔍 Real-time product search
• 💫 Smooth animations and transitions
• 📱 Fully responsive design
• 🛍️ Product categorization
• 💳 Streamlined checkout process
• 🎯 Interactive UI elements

🚀 Technologies Used

• React - Frontend library
• Redux Toolkit - State management
• Tailwind CSS - Styling and animations
• Vite - Build tool
• React Router - Navigation
• Hero Icons - UI icons

🛠️ Installation

1. Clone the repository:

git clone https://github.com/utkrisht25/ShoppyGlobe_ShoppingCart
cd ShoppyGlobe

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

🏗️ Project Structure

ShoppyGlobe/
├── public/
├── src/
│   ├── components/     # React components
│   ├── store/         # Redux store and slices
│   ├── hooks/         # Custom hooks
│   ├── assets/        # Static assets
│   └── App.jsx        # Main application component
├── index.html
└── package.json

🎨 Key Components

• ProductList: Displays products with search functionality
• Cart: Shopping cart with animations
• ProductDetail: Detailed product view
• CartItem: Individual cart item component
• Header: Navigation and cart summary

🔄 State Management

The application uses Redux Toolkit for state management with the following slices:

• cartSlice: Manages shopping cart state
• searchSlice: Handles product search functionality

💅 Styling

• Custom Tailwind configurations for consistent design
• Responsive design principles
• Custom animations for enhanced user experience
• Modern and clean UI components

🌟 Features in Detail

Shopping Cart

• Add/remove items
• Quantity adjustment
• Total calculation
• Animated notifications

Checkout Process

• Multi-step checkout
• Form validation
• Order confirmation
• Email notification simulation

Product Search

• Real-time filtering
• Search highlighting
• Responsive search results

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

How to Contribute

1. Fork the repository (https://github.com/utkrisht25/ShoppyGlobe_ShoppingCart/fork)
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

📝 License

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