https://github.com/karamanburak/checkout-page

https://github.com/karamanburak/checkout-page

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/karamanburak/checkout-page
• Owner: karamanburak
• Created: 2024-02-20T15:09:54.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-20T15:27:21.000Z (9 months ago)
• Last Synced: 2024-02-20T16:45:39.772Z (9 months ago)
• Language: HTML
• Size: 2.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Checkout_Page 

## Description

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

## Learning Outcomes

At the end of the this project, you 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](./img/checkout-page.gif)

## Project Skeleton 

```

03-Checkout_Page (folder)

|

|----img               

|----checkout.html

|----checkout.js

|----checkout1.html

|----checkout1.js

|----checkout2.html

|----checkout2.js

|----readme.md                 

|----style.css   

```

-  User stories;

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