Giki Frontend Challenge

Frontend interview task for Giki built with React, TypeScript, TailwindCSS, and tests, deployed via Vercel.

The Challenge

Implement a pixel-accurate marketing page from a Figma asset while incorporating modern tooling, testing, and performance best practices.

The Solution

Delivered a responsive React implementation styled with TailwindCSS, added unit tests with React Testing Library/Jest, and verified SEO/performance with Lighthouse before deploying on Vercel.

Key Features

  • Figma-based responsive layout implementation.
  • Type-safe React components with TypeScript.
  • Styling via TailwindCSS utility classes.
  • Unit tests with React Testing Library and Jest.
  • Lighthouse-checked performance and SEO.
  • Deployed with Vercel for production-like review.

Technologies

ReactTypeScriptTailwindCSSReact Testing LibraryJestFigma