Back to projects

Online Store — Weekly Deals

Next.js (App Router) project featuring a deals storefront, cart state with Context API/useReducer, SEO enhancements, and unit tests.

Source codeLive demo

Problem

Build a deals page with strong performance, accessibility, and SEO, consuming an external API while keeping a consistent cart state — similar to real e-commerce requirements.

Solution

Implemented with Next.js 13+ and TypeScript, Tailwind and shadcn/ui for UI, product grid consuming FakeStore API, filters/search/sorting, cart using Context API + reducer, unit tests with Jest/RTL, and SEO improvements (metatags, sitemap, and robots).

Impact

  • Vitrine de ofertas com filtros, busca, ordenação e estados de loading/skeleton
  • Carrinho funcional com Context API + useReducer, totais e quantidades automáticos
  • SEO e acessibilidade: HTML semântico, metadados, sitemap e robots.txt
  • Testes unitários (componentes, serviços e utilitários) com mocks de API
  • Tratamento de erros robusto e micro-interações com toasts

Stack

Next.js 13 (App Router)ReactTypeScriptTailwind CSSshadcn/uiJestReact Testing LibraryContext APIFakeStore APISEO
Back to projects