About

Technical competencies

Frontend engineering (React/Next.js)

  • Next.js App Router, server/client components, route handlers, ISR/revalidate
  • SEO/metadata wiring; dynamic theme-color for mobile address bars
  • Typed custom elements interop; responsive grid/card layouts
  • External images/assets configuration and optimization

UI/UX design system & theming

  • Design tokens (ink/muted/bg/surface/sidebar/border/primary)
  • Dark/light mode, card/chip/pill/modal components
  • Consistent iconography (Heroicons/Material/custom SVGs)
  • Micro-interactions: hover/focus, subtle shadows, lift/border accents

Accessibility

  • Aria labels and keyboard focus visibility
  • Light/dark contrast and semantic structure
  • External link safety (rel=noopener noreferrer)

Performance, SEO & tooling

  • Static-first rendering, selective client components
  • Tailwind CSS 4, TypeScript, ESLint/Next config
  • Lightweight inline SVGs, responsive grids

Backend & APIs (docs-based)

  • REST endpoints for request lifecycle, backoffice KPIs and grids
  • User management APIs (search, filters, roles, groups)
  • CSRF strategies, permission checks, JSON payload design

Payments & webhooks (CinetPay)

  • Checkout initiation, return_url/notify_url orchestration
  • Webhook HMAC (SHA-256) validation, reconciliation, audit logging
  • Currency/amount normalization; env-driven configuration

Security & data/media

  • Auth/ownership checks, CSRF handling, safe linking/escaping
  • Media pipeline (resize/normalize/thumbnail) and previews

Admin/backoffice UX

  • KPI cards; searchable/filterable grids with status chips
  • Detail modals with structured meta and themed surfaces

Testing, DevOps & i18n

  • Unit tests for payment flows and webhook verification
  • .env-driven deployment config; webhook exposure and security
  • Bilingual UX/documentation (FR/EN)