ywwa / bskt-next

bstk-next

Simple Web App written in React(Next.js) for fetching mock data from dummyjson.com
With responsive mobile friendly design, support of search, pagination and parallel routing.

Preview

Live preview is available here.

Local environment

git clone https://github.com/ywwa/bskt-next.git
cd bskt-next

bun install # or any other prefered package manager
bun run dev

TODO:

• Create product list page
  • Fetch data from api of choice (should've used SWR there aswell but couldn't get it to work with my way of handling pagination etc.)
  • Search functionality that updates without refreshing page
    • Update as soon as user input stops
  • Implement pagination
• Create product detail page
  • Implement product page (useSWR)
    • Parallel route as modal
    • Full page view
• Unit tests using @testing-library/react (Couldn't handle this)

KNOWN BUGS:

• Mobile loading state of modal not covering full width as intended.
• Sometimes when cleaning search prompt for some reason content of entire page disappears ?