🛒 GoCart — Modern React E-commerce App

🚀 Demo

Live Demo Link

GoCart is a modern, responsive, and high-performance React-based e-commerce application built with
Redux Toolkit, React Router, Redux Persist, Tailwind CSS, and other popular libraries.
It demonstrates best practices in React architecture, state management, and scalable project structure.

---

🚀 Features

• 🔥 React 18 with Functional Components & Hooks
• 🗂 Redux Toolkit for state management
• 🛡️ Redux Persist for persistent state (Cart, Wishlist)
• 🔄 Redux Thunk for async actions
• 🚦 React Router 6 for routing
• 🎨 Tailwind CSS for modern, responsive UI
• 📦 Axios for API integration
• 🍪 JS-Cookie for handling cookies
• 🔍 React Icons for scalable icons
• 🖼️ Image Zoom on product preview
• 📜 Infinite Scroll for seamless UX
• 🎠 Swiper for interactive sliders
• 🧪 Testing Setup with React Testing Library & Jest

---

📂 Project Structure

/src
├── components      // Reusable components (Navbar, Footer, etc.)
├── features        // Redux slices (Cart, Products, User, etc.)
├── hooks           // Custom React hooks
├── pages           // Main views/routes (Home, Product, Cart, etc.)
├── services        // API calls (via axios)
├── utils           // Utility functions/helpers
├── App.jsx         // Main App component
└── main.jsx        // React root entry point

📦 Installation

1️⃣ Clone the Repository

git clone https://github.com/your-username/ecom.git
cd ecom

Setup and Start Development Server

1. Install Dependencies

npm install

2. Start the Development Server

npm start

🏗️ Build

npm run build

🏆 Why GoCart?

GoCart is designed to help you learn and implement real-world e-commerce patterns using React. Here’s why GoCart stands out:

• Built for learning real-world e-commerce patterns in React:
  Gain hands-on experience with common e-commerce features and workflows.

• Scalable project structure:
  Organized and modular codebase that grows with your project.

• Focused on performance and UX best practices:
  Optimized rendering, smooth interactions, and responsive design ensure a great user experience.

• Includes state persistence for shopping cart and user preferences:
  Keeps your cart and settings saved across sessions for convenience.

---

Start building your own React e-commerce app with GoCart today!

🙌 Contributing

Contributions are always welcome!
Feel free to open issues, submit pull requests, or suggest improvements.
Your help makes GoCart better for everyone!

📄 License

This project is licensed under the MIT License.

✍️ Author

Created and maintained by Shafayet Hussain.
Feel free to connect or reach out for feedback and collaboration!