Third branch #145
Open
Third branch #145
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…rgin left to 15 percent width and height to 350 px furthermore change value in content h1 to 38px and content p to font size 20px than added class aboutus container with display flex that correct some problem margin left and margin right to 3 percent and width 90 pecent
…ode aboutus container before comment to product list
…ge and details, applied className at div section for improve layout added class in css file productList css for make design top and under line to categories name the code in react it is implemented in product list jsx file classname product grid
… dimension follow the specify provided in the project
…and added functions in productlist jsx so added hook addedtocart and function handleaddtocart imported usedispatch and useselector and imported additem from cartslice furthermore implemented action in articles button to call handleaddtocart
…ants categories title in css file at point highlight before and after
…eturn with console log for debugging by browser console at the same in the else where is changed in the expression it has removed the assignment by statedotitems because it made issue so the new expression debugged is statedotitemsdotpush that get spread of action payload as first argument and the new proprieties quantity initialized by one
…gets an event by onclick action and call oncontinueshopping that is the alis of the parent s handlecontinueshopping function in this component so itself receives the event and change the boolean value that allow to render the productlist in rel time
…lick action launch this function the browser provide notice which informs the user with functionality to be added for future reference
…ledecrement and removeitem after that tested them with good result than implemented totalcost function made on if else structures for manage issue so it is implemented filter functionality for delete special character dollar that is present in cost value into objects and applied consolelog in steps for debagging implemented handlecheckoutshopping with allert message for future reference
…atetotalamount fixed with filter for special character this allow to calculate correctly amount by sum of total values of products moltiplicated for own price
…ented into svg tag for return total items quantity added to cart this value is shown into nav bar in center of cart icon
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This new version add fuctionality as per specifications provided for the development of the project
I added functionality for rendering product in page plants shown as product showcase divided by categories so each one is provided with button for add product to cart and the icon cart show the number of product that contains in dynamic and rel time updating in the cart page there are functionality for return in productlist by button continue shopping thet implement this functionality the other botton called checkout produce allert with popup that only notfy to user future implementation of functionality the cart application menage increment and decrement of product added and remove them too so furthermore it calculates total of amount for each item and total amount of cart