This week I display what I have done so far to Mr. Peter. He pointed out several points that I should change. First of all, he suggests me prevent any hardcoded way because all of the data will get from API. Therefore, the hardcoded way will lead me to write the same function again and again and I use the .map function to overcome this issue. He also suggests that the naming of the folder and the file must be consistent. This is due to the reason that easier to let other find the file according to the structure. For example, every file or the folder of the first letter must be capital and the CSS style must be renaming it with the same name of the file that use the CSS file.
On the other hand, he also suggests the position of the \u201cSearch bar\u201d need to change to on the top center of the page. This \u201cSearch\u201d is the most frequently use in the page, therefore, I make the width of the search bar 70% to the width of the page and place between the \u201cHeader\u201d and \u201cNavigator\u201d. In the item-detail panel, he mention that there will be a several number of images need to display, not only one, so, I am consider to use carousel method to display the images.
Lastly, he suggests the general components like the \u201cHeader\u201d which can use anywhere put into the main file so that any page can display the header code at one time, no need every file to import this component again. Since, I change the location of the file, so I need to rename the path and the division of the header and the main content of the page need to change.<\/p>\n","protected":false},"excerpt":{"rendered":"
This week I display what I have done so far to Mr. Peter. He pointed out several points that I should change. First of all, he suggests me prevent any hardcoded way because all of the data will get from API. Therefore, the hardcoded way will lead me to write the same function again and … <\/p>\n