You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+10-3
Original file line number
Diff line number
Diff line change
@@ -34,11 +34,18 @@ We've provided a json file with mock data to use called `data.json`. Feel free t
34
34
The designs for the three pages can be found in this [Figma file](https://www.figma.com/file/lUbwgHr7OTh4IEf1Y4szwf/NextJS-Ecommerce?node-id=0%3A1&t=bHXi1DmZpSYk17Wd-1). Implement the designs, creating components where it makes sense and following best practice organization.
35
35
36
36
*`/dashboard/list`
37
-
* Following the `List page` design, create a page that uses a top navigation bar layout with the main content showing a list of the user's favorite items. Use swr to load the data client side from the mock API you made in step 1. Before the data is loaded, show a loading icon in place of the list. The list items do not need to have any functionality other than when clicking on an item it will take you to the /item/[id] page of its id. The appearace/UI of the top navigation is not important and does not need to match the design if it is time consuming.
37
+
* Following the `List page` design, create a page that uses a top navigation bar layout with the main content showing a list of the user's favorite items.
38
+
* Use swr to load the data client side from the mock API you made in step 1. Before the data is loaded, show a loading icon in place of the list.
39
+
* The list items do not need to have any functionality other than when clicking on an item it will take you to the /item/[id] page of its id.
40
+
* The appearace/UI of the top navigation is not important and does not need to match the design if it is time consuming.
38
41
*`/dashboard/card`
39
-
* Following the `Card page` design, create a page that uses a side navigation bar layout with the main content showing a grid of cards of the user's favorite items. Use swr to load the data client side from the mock API you made in step 1. Before the data is loaded, show a loading icon in place of the grid. The card items do not need to have any functionality other than when clicking the View button it will take you to the /item/[id] page of its id. The appearace/UI of the top navigation is not important and does not need to match the design if it is time consuming.
42
+
* Following the `Card page` design, create a page that uses a side navigation bar layout with the main content showing a grid of cards of the user's favorite items.
43
+
* Use swr to load the data client side from the mock API you made in step 1. Before the data is loaded, show a loading icon in place of the grid.
44
+
* The card items do not need to have any functionality other than when clicking the View button it will take you to the /item/[id] page of its id.
45
+
* The appearace/UI of the top navigation is not important and does not need to match the design if it is time consuming.
40
46
*`/item/[id]`
41
-
* Following the `Detail page` design, create a page with the Catch-all Segment to show details of a certain item. This page can use either layout configuration (Route groups may be helpful) and does not need to contain all text content from the design. This page should be Server-Side Rendered with NextJS - load the items details from the API and pass it to the page.
47
+
* Following the `Detail page` design, create a page with the Catch-all Segment to show details of a certain item. This page can use either layout configuration (Route groups may be helpful) and does not need to contain all text content from the design.
48
+
* This page should be Server-Side Rendered with NextJS - load the items details from the API and pass it to the page.
0 commit comments