Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
kaplanh authored Jan 30, 2024
1 parent 16a6068 commit 7174918
Showing 1 changed file with 16 additions and 32 deletions.
48 changes: 16 additions & 32 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,35 +13,33 @@ The project aims to create a Checkout App using JS and Bootstrap.

## Problem Statement

- Your company has recently started on a project that aims to create a Checkout App. So you and your colleagues have started to work on the project.
- Your company has recently started on a project that aims to create a Checkout Page. So you and your colleagues have started to work on the project.

## Project Skeleton

```
Checkout App (folder)
Checkout Page (folder)
|
|----readme.md
|----index.html
|----style.css
|----app.js
|----checkout.js
|----img (folder)
|----css (folder)
|----index.css
|----checkout.css
|----universal.css
```


### At the end of the project, the following topics are to be covered;

- HTML
- font-awesome
```
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
- select
- strong
- del
```
-CSS
- Nested CSS
Expand All @@ -64,14 +62,7 @@ Checkout App (folder)
}

```
- @media query
```
@media only screen and (max-width: 1150px) {
.nav__list {
padding: 0rem 1rem;
}
```
- JS
Expand Down Expand Up @@ -110,12 +101,9 @@ Checkout App (folder)
- Array Methods
- forEach() & reducer()
```
forEach() ==> array, nodeList te calisir
let subtotal = 0;
productPriceDivs.forEach((price) => {
subtotal += parseFloat(price.innerText);
productTotalPriceDivs.forEach(eachProductTotalPriceDiv => {
subtotal += parseFloat(eachProductTotalPriceDiv.innerText)
});
console.log(subtotal);
```

```
Expand All @@ -137,11 +125,7 @@ Checkout App (folder)
- if else - if - else conditions
- Ternary
```
subTotal 3000 den büyükse shippingPrice 0 olmasi icin
const shippingPrice =
subtotal > 0 && subtotal < localStorage.getItem("freeShippingPrice")
? parseFloat(localStorage.getItem("shippingPrice"))
: 0; //localStorage den gelen veriler string olarak gelir
let shipping = (subtotal > 0 ? parseFloat(localStorage.getItem("shippingPrice")) : 0);
```

Expand All @@ -150,7 +134,7 @@ Checkout App (folder)

- String Methods( toFixed() )
```
<td>${(taksit * vade.value).toFixed(2)} ₺</td>
productTotalPriceDiv.innerText = (productQuantity * productPrice).toFixed(2);
```


Expand Down

0 comments on commit 7174918

Please sign in to comment.