🛍️ Shopping App

A simple and interactive shopping app built with HTML, CSS, JavaScript, and styled using Tailwind CSS.

🔍 Features

• 🧭 Smooth Navigation: Clickable categories scroll the page to relevant sections.
• 🖼️ Interactive Items: Clicking an item enlarges it and reveals its details.
• 📄 Detailed View: Users are automatically scrolled to a dedicated area showing:
  • Enlarged product image
  • Description
  • Highlights or specifications
• 🔝 Return to Top Button: Instantly scroll back to the top from anywhere on the page.

🛠️ Technologies Used

• HTML5
• Tailwind CSS
• JavaScript (Vanilla)
• Node.js (for managing Tailwind via npm)

📦 Project Structure

├── assets/ # Images and other static files ├── css/ # Tailwind CSS (compiled or source) ├── node_modules/ # Tailwind and npm dependencies ├── index.html # Main HTML file ├── script.js # Main JS logic ├── product.json # Dummy product data ├── package.json # Project config ├── package-lock.json # NPM lock file └── .gitignore # Git ignore rules

🚀 Deployment

This app is ready to deploy on Vercel. Just push the repository to GitHub and import it on vercel.com.

🧾 How to Run Locally

1. Clone the repo:

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

2. Install dependencies: ``bash npm install
3. Run a local server (you can use extensions like Live Server or serve): ``bash npx serve .
4. Open in browser: http://localhost:3000

📄 License This project is open-source and available under the MIT License.