Profile.fyi - Assignment - Frontend Engineer

Frontend-> ReactJS, Redux, Javascrit, TailwindCSS

Data -> Open Source API to fetch product data dynamically

API Reference

  https://api.freeapi.app/#/%F0%9F%93%A2%20Public%20APIs/getProducts

Overview

An e-commerce like platform featuring a product listing page with a grid layout, detailed product cards, and an "Add to Cart" button with animation for visual feedback. Users can manage their virtual cart by remove item from cart and clear cart on a dedicated page, which includes product details, quantity adjustments, and optional discounts. The cart summary provides a clear breakdown of subtotal, discounts, and total price, with a checkout button for finalizing purchases.

Instructions on How to Run/Start the Project on a Local Server

1. clone the repo using this command

   git clone https://github.com/Dikshant441/Profilefyi_Assignment.git

2. Install npm dependencies

   npm install or npm i

3. Start the development server:

   npm run dev

4. Open your browser and navigate to:

   http://localhost:5173

5. Open your browser and navigate to:

   https://shopifyverse.netlify.app/

For any queries related to the project, contact at singhdikshant200@gmail.com