Slaine Labs — Full-stack (Frontend-strong) Coding Task

Replica of the provided Figma design, built with Next.js + TypeScript + Tailwind CSS (v4). This repository contains the finished implementation submitted for the Slaine Labs hiring process.

---

Demo & Links

• Live demo: https://asido-ten.vercel.app
• GitHub repo: https://github.com/CodeEnthusiast09/asido

---

Stack:

• Next.js (React) — TypeScript first
• Tailwind CSS v4 (utility-first styling)
• Vercel for deployment (recommended)
• react-icons
• framer-motion

---

Getting started

Install

# clone
git clone https://github.com/CodeEnthusiast09/asido.git
cd your-repo

# install
npm install
# or
# pnpm install
# yarn

Local development

# run dev server
npm run dev
# open http://localhost:3000

Build & preview

npm run build
npm run start      # start preview at production mode

---

What I focused on

• Pixel fidelity

• Responsiveness

• Animations & Micro-interactions

• Accessibility

• Performance & Stability

• TypeScript & Code Quality