https://github.com/dikshant441/profile.fyi_assignment

A small e-commerce like project with product listing, cart management (add/remove items, adjust quantities), and a checkout feature. Users can view their cart, see item details, and proceed to checkout.
https://github.com/dikshant441/profile.fyi_assignment

framer-motion git javascript jsx netlify-deployment react-router-dom reactjs redux tailwindcss

Last synced: 19 days ago
JSON representation

A small e-commerce like project with product listing, cart management (add/remove items, adjust quantities), and a checkout feature. Users can view their cart, see item details, and proceed to checkout.

• Host: GitHub
• URL: https://github.com/dikshant441/profile.fyi_assignment
• Owner: Dikshant441
• Created: 2024-08-14T22:18:50.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-18T01:39:55.000Z (5 months ago)
• Last Synced: 2024-11-10T16:22:26.340Z (about 2 months ago)
• Topics: framer-motion, git, javascript, jsx, netlify-deployment, react-router-dom, reactjs, redux, tailwindcss
• Language: JavaScript
• Homepage: https://shopifyverse.netlify.app/
• Size: 180 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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.

![Screenshot (145)](https://github.com/user-attachments/assets/20f7ed17-e767-4fa9-a389-0866a0e40279)

![Screenshot (146)](https://github.com/user-attachments/assets/58442e21-15d6-4c58-99c1-8b003f6aef13)

![Screenshot (147)](https://github.com/user-attachments/assets/642998d3-0c37-4330-99eb-42b007b6885c)

![Screenshot (148)](https://github.com/user-attachments/assets/2fc8cccd-363b-43f9-9f4b-02d1bc03edce)

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

1. #### clone the repo using this command

    ```bash

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

    ```

2. #### Install npm dependencies

    ```bash

    npm install or npm i

    ```

3. #### Start the development server:

    ```bash

    npm run dev

    ```

4. #### Open your browser and navigate to:

     ```bash

    http://localhost:5173

    ```

5. #### Open your browser and navigate to:

     ```bash

    https://shopifyverse.netlify.app/

    ```

## For any queries related to the project, contact at [email protected]