germmand / spend-jeff-bezos-money Goto Github PK

Current Behavior:
Right now if you buy two or more items, you'll notice that the shopping section start displaying items in a weird way. Products are gonna overlap, or they're not gonna be displayed in a consistent way.

Expected Behavior:
The grid should displayed 4 items in a medium (or large) screen and only two in a small screen. (i.e. md=3, xs=6). And they should be displayed evenly.

Current Behavior:
You can keep pressing the buy button after you ran out of money. Or you can keep modifying the input of a item to a quantity you're not allowed because you don't have enough money.

Expected Behavior:
Block the buy buttons of the products you can't keep buying because you don't have enough money left.

• Case 1:
  Let's say an item costs $100,000, and you only have $50,000 money left, the buy button of that item should be disabled.

• Case 2:
  If you're modifying the input directly, and you type a quantity that multiplied by the price outranges the money left, the quantity should be reduced to an amount that's allowed for the money left.

  Let's say an item costs $100,000 and you have $1,000,000 money left. If you type directly 20, the quantity should be reduced to 10. Because that's what you can actually buy.

So far there's only a few varieties of products. We need more! Contribute to this project by adding more products.

You can add as many as you want, just paste the image inside:
public/images/items

And add it to:
src/Products/index.js.

The object needs to be shaped as such:

{
    id,    // number - an integer representing the identifier for this product
    name,  // string - the name displayed in the card
    price, // number - the price displayed in the card and to work with
    image, // string - a path to the image
}

It'd be good to have a contributors section in the page itself at the bottom, similar to this:

Expected behavior:
It should display the image of the user, along with his/her github username with a link to his/her github page.

Resources:

• Github API - List Contributors
• Axios

When you scroll down the page the input buttons still show, when they shouldn't .

When you add items to your cart the count should be the amount plus the amount already in the cart. I've already fixed the issue and would like to make a PR.

Current behavior:
If you see the page on a mobile device, you'll see that the elements aren't displayed in a full-width way.

Expected behavior:
In a mobile device, the components should be displayed in full-width. Whilst in large screen, they should have a max-width.

Current behavior:
When there's a number (different from zero) in any of the input components, you can turn it negative by adding a minus (-) at the beginning. You can't do it if the input has a value of zero.

Expected behavior:
You shouldn't be able to add negatives to the input components.