https://github.com/bunyamin54/checkout-app

https://github.com/bunyamin54/checkout-app

Last synced: 20 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/bunyamin54/checkout-app
• Owner: Bunyamin54
• Created: 2023-07-31T13:27:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-31T13:29:28.000Z (over 1 year ago)
• Last Synced: 2023-07-31T15:24:26.687Z (over 1 year ago)
• Homepage: https://checkout-app-three.vercel.app
• Size: 282 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Clarusway


# Project : Checkout_Page

## Description

Project aims to create a real checkout page of e-commerce website.

## Learning Outcomes

At the end of the this project, students will be able to;

- analyze a problem, create e-commerce website page.

- demonstrate their knowledge of algorithmic design principles for dynamic calculation of product's cart.

   

## Problem Statement

- Create a checkout page following the design and make the calculation of cart dynamically with using of DOM and Event in JS.

![Form](checkout.gif)

-  User story;

   - When I click plus button on product's row, I can increase the product's quantity.

   - When I click minus button on product's row, I can decrease the product's quantity, but minimum quantity value can be 1.

   - When I click remove button on product's row or I decrease the quantity to 0, I can delete a product in the cart.

   - When I change any combination of product chart(plus, minus, remove etc.), I want to see the new calculation of chart's prices in concerned fields.

## Demo

Live

## Resources

- [Images](./img/)

 

 ⌛ Happy Coding  ✍