🛒 Shopping App - Frontend Developer Internship Task

📌 Overview

This is a shopping application built as part of a Frontend Developer Internship hiring task. It features product listing, cart management, and state persistence using modern frontend technologies.

🔗 Live Demo: https://hype-havenn.vercel.app/
🔗 GitHub Repo: Dhrubajyoticoder/shopping-app-task

🚀 Features

✅ Product Listing Page

• Fetches and displays products from the Fake Store API.
• Shows product images, titles, prices, and descriptions.
• Includes "Add to Cart" functionality.
• Supports pagination, filtering by category, and sorting by price/rating.

✅ Cart Page

• Displays added products with quantity selection.
• Allows users to remove items from the cart.
• Shows total price calculation.
• Cart state persists across page reloads.
• Includes a discount section where users can redeem discount codes for their most recent order.
• Displays NASA's daily trending space photo at the bottom for user engagement.

✅ Performance & Optimization

• React Query for efficient data fetching and caching.
• ShadCN components for modern UI styling.
• Lazy loading and error handling.

🛠 Tech Stack

🔧 Setup & Installation

1️⃣ Clone the Repository

git clone https://github.com/Dhrubajyoticoder/shopping-app-task.git

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

The application will be available at: http://localhost:5173 (or a similar port).

📜 License

This project is MIT licensed. Feel free to modify and use it.

🙌 Acknowledgements

• Fake Store API for product data.
• ShadCN for UI components.
• React Query for state management.
• Tailwind CSS for styling.

📌 Contributions & Issues

💡 Found a bug or want to improve something?
Feel free to submit a pull request or open an issue in this repository.

📞 Contact

📩 Dhrubajyoti Das
🔗 GitHub
🔗 LinkedIn