jjg2362 / beer_purchase_service

Beer Purchase Service

1. Fetch beer & tag data
2. Render beer card for selected tags
3. Add or remove beer to cart
4. Render stock and added beer's number
5. Button to Load more beers
6. Render added beer
7. Remove beer from cart
8. Render how many beers in cart and total price
9. Payment

Installation With Run

$ yarn
$ yarn start

Tech Stacks

• TypeScript
• React + Hooks
• Post CSS

Use Pattern

• Atomic Design

Folder Structure

• src
  • components: layout components
    • atoms: element layouts
    • molecules: grouping layouts
    • organisms: atoms + molecules layouts
    • templates: page layouts
  • hooks: fetch or post data using hooks
  • models: interfaces, types
  • pages : state, data components
  • utils: features