Frontend Task: UI Implementation This project is a solution to a frontend assessment task, demonstrating a pixel-perfect UI implementation using Next.js and Tailwind CSS.

Live Demo [https://ui-task-puce-five.vercel.app/]

Task Overview

User Interface (UI):

Tech Stack Framework: Next.js (App Router)

Language: TypeScript

Styling: Tailwind CSS

UI Icons: Lucide React

API Communication: No API

Linting/Formatting: ESLint & Prettier

Deployment: Vercel

Features Implemented

Responsive Layouts: the complex UI showcase page, are fully responsive across mobile, tablet, and desktop breakpoints.

NOTES:

For better UX, i divided the Navbar into 3, one for desktop and this contains all the nav links, the other two for smaller screen one appear in the bottom of the screen to show the personal links, the other is triggered with the burger icon for the nav links