https://github.com/chrisnajman/shopping-cart-modules-async

Shopping cart which persists over multiple pages (using session storage)
https://github.com/chrisnajman/shopping-cart-modules-async

async-await es6-modules html-template javascript

Last synced: 5 days ago
JSON representation

Shopping cart which persists over multiple pages (using session storage)

• Host: GitHub
• URL: https://github.com/chrisnajman/shopping-cart-modules-async
• Owner: chrisnajman
• License: mit
• Created: 2023-01-18T16:05:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-18T17:30:56.000Z (about 2 years ago)
• Last Synced: 2024-11-21T00:52:26.541Z (2 months ago)
• Topics: async-await, es6-modules, html-template, javascript
• Language: HTML
• Homepage: https://chrisnajman.github.io/shopping-cart-modules-async/
• Size: 8.79 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
---

permalink: /index.html

---

[Website (Git Pages)](https://chrisnajman.github.io/shopping-cart-modules-async)

# Shopping Cart

I built this following a tutorial (see _Source_, below). My only contribution was to strip out the node modules bundling code, replacing it

with `async await` to fetch `items.json`.

## Features

- Cart persists over multiple pages (using session storage)

- Running total given.

- Items can be removed from the cart.

- Multiple items of the same type can be added to the cart.

## Javascript

- ES6 Modules,

- Not transpiled.

## CSS

- _tailwind.css_ used throughout (the HTML was already supplied).

- I used inline styles for a few customisations.

## Testing

- Tested on:

  - Windows 10

    - Chrome

    - Firefox

    - Microsoft Edge

## Source

- Shopping Cart tutorial by [Kyle Cook, WebDev Simplified](https://courses.webdevsimplified.com/view/courses/javascript-simplified-beginner/521740-modules-bundlers/1511556-74-shopping-cart)