Shopping Cart App

A modern, responsive shopping cart application built with React.js. This app allows users to manage their shopping cart, browse products, and view item details. It is designed with a focus on user experience, performance, and mobile responsiveness.

Features

• Product Browsing: Users can browse a variety of products, each displayed with images, descriptions, and prices.
• Cart Management: Users can add items to their cart, view cart details, and remove items as needed.
• Responsive Design: The app is fully responsive, adapting to different screen sizes including desktops, tablets, and mobile devices.
• Session Management: Cart items are preserved even after refreshing the page, ensuring a seamless user experience.
• User-Friendly Interface: Easy navigation through the product catalog and cart management.

Live Demo

Check out the live demo of the app here: Shopping Cart App

Technologies Used

• Frontend:
  • React.js
  • HTML5
  • Tailwind CSS
  • CSS3 (Responsive design with media queries)
• Deployment:
  • Hosted on Vercel

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/UzumakiODZ/shopping-app.git

2. Navigate to the project directory:

   cd shopping-app

3. Install the dependencies:

   npm install

4. Run the development server:

   npm start

   The app will be available at http://localhost:3000.

Project Structure

• src/: Contains all the source code for the frontend.
  • components/: Reusable UI components like product cards, cart items, etc.
  • pages/: Different pages of the app like Home, Cart, and Checkout.
  • assets/: Images and SVGs used in the project.
  • styles/: CSS files for styling the components and pages.
• public/: Static files like the main HTML file and other assets.

Contributions

Contributions, issues, and feature requests are welcome! Feel free to check the issues page to report a bug or request a feature.