View Code? Open in Web Editor
NEW
Home Page: https://osc-test.vercel.app
JavaScript 2.27%
TypeScript 96.45%
CSS 1.28%
osc-test's Introduction
- View product list
- View single product
- Change product quantity and add to cart.
- View cart with items and subtotal
- Update cart items (change quantity)
- Delete item from cart
- React with Next.js (new app router)
- Tailwind CSS
- GraphQL and graphQL-request for data fetching
- Typescript
Todos (Couldn't implement some because of time constraint)
- Better add to cart notifications.
- Tracking and displaying number of items in cart on all pages.
- Replace data fetching in useEffects with technologies like react-query.
- Enable throttling/debouncing on add/subtract quantity buttons for cart items.
- Better typing specifically for Api responses. Using
any
keyword defeats the purpose of typescript.