rookiemonkey/dummy-ecommerce

An e-commerce application :dress: :jeans: :shirt: consuming the dummy products api that i've created. This application was created using plain old javascript with the help of webpack for modularity :tada: Looks best on Ipad & IphoneX

Dummy E-commerce

An e-commerce application 👗 👖 👕 consuming the dummy products api that i've created. This application was created using plain old javascript with the help of webpack for modularity 🎉

Consider checking the repo's issues, all of my todos are in there 😄

Author: Kevin Roi R. Basina

dummy-ecommerce's Issues

emulate changing of url like react

addtocart quantity button styles

• addtocart 10 quantity, doesn't not let the green button clickable again

slideshow bug. rerender increments the amount of dom elements

dropdown visibility

should hide dropdown when you click anywhere in the document

can input letters on number fields

• Product route's product quantity field
• Cart route's contact number field

Search sometimes doesn't work

Searching the exact name of the products displays nothing and has an error that some selector is null. Though, on network tab's response, api responded correctly. hence, possible logic issue with/in the frontend

loader for image while being rendered by the browser

navigation

add onscroll navigation

product route, add 'similar products' section

• make the reviews smaller like 60% width to give way for the 'similar products' section
• 'similiar products' section will still use the same component ProductCard component

change theme

full-color footer

onscroll animation

targets are the ff:

• products cards
• department cards
• reviews items

multiple rendering

• SEARCH ROUTE: clicking the search button renders the same group of products on the bottom again
• DEPARTMENT ROUTE: clicking the the same department the second time renders the same group of products on the bottom again
• CART ROUTE: clicking the cart button on top renders the cart route multiple times

navigation title on home only

we purposely did not indicate Brand Name on Home route's nav bar since we have a hero banner,
however, it would be better if we are able now to see the BrandName when scrolled down for home route

onclick triggers child instead of parent

• onclick of department dropdown item icon gives null as query params
• onclick of the image/texts in the department grid cards gives null as query params

preloader gif

optimize the preloader gif image

responsiveness

IPAD

• home
• search/department results
• show product
• show cart

MOBILE

• home
• search/department results
• show product
• show cart
• NAV BAR!

addtocart bypass max 10 quantity

aside from checking if the item is already on cart, check as well if the new/added
quantity will exceed the the current quantity on cart