/shopapp

ShopApp is a simple e-commerce web application built with React and Tailwind CSS, featuring product browsing, a shopping cart, and item removal. It is hosted on Vercel for live demonstration.

Primary LanguageJavaScript

🛍️ ShopApp

ShopApp is a simple e-commerce application built with JavaScript, CSS, and HTML, utilizing Tailwind CSS for styling. The app demonstrates basic shopping cart functionality and is hosted on Vercel.

🌐 Demo

Check out the live demo here.

📋 Table of Contents

✨ Features

  • 🛒 Browse products
  • ➕ Add products to cart
  • 🛍️ View cart
  • ❌ Remove products from cart

📥 Installation

  1. Clone the repository:
    git clone https://github.com/patelkenil26/shopapp.git
  2. Navigate to the project directory:
    cd shopapp
  3. Install the dependencies:
    npm install

🚀 Usage

To start the development server, run:

npm start

Open your browser and go to http://localhost:3000 to view the app.

📂 Folder Structure

shopapp
├── public
│   ├── index.html
│   └── ...
├── src
│   ├── components
│   │   ├── Cart.js
│   │   ├── Product.js
│   │   └── ...
│   ├── App.js
│   └── ...
├── .gitignore
├── package-lock.json
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── README.md

🛠️ Technologies Used

  • JavaScript: Main programming language
  • React: JavaScript library for building user interfaces
  • Tailwind CSS: Utility-first CSS framework
  • HTML: Markup language
  • CSS: Style sheet language

🤝 Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Ensure your code follows the project's coding conventions.

  1. Fork the Project
  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