Go back to projects

Cart App

An e-commerce cart application built with React, Redux Toolkit, and Tailwind CSS.

FrameworkReact.js
Use CaseE-commerce
CSSTailwind CSS
DeploymentVercel
Cart App

📋 Overview

A comprehensive e-commerce cart application showcasing React.js, Redux Toolkit for state management, and modern styling with Tailwind CSS. The app demonstrates advanced state management patterns and API integration.

✨ Features

  • Redux Toolkit state management
  • Add/remove items from cart
  • Quantity management
  • Price calculations
  • Persistent cart state
  • Responsive design
  • Product filtering and search
  • Loading states and error handling

🛠️ Technologies Used

React.jsRedux ToolkitTailwind CSSRedux ThunkAxiosJavaScript ES6+

📋 Prerequisites

  • Node.js (v18+)
  • npm or yarn

🚀 Getting Started

Clone the repository

git clone https://github.com/Ahmed-Alabadla/Cart-App.git
cd Cart-App

Install dependencies

npm install

Run the development server

npm run dev

💡 Usage

Browse products, add items to cart, and manage quantities. The app maintains cart state across sessions.

🚀 Deployment

  1. Connect repository to Vercel
  2. Configure build settings
  3. Deploy automatically on push