Front End Developer

---

---

We’re building a next-generation SaaS web application that turns complex revenue-prediction analytics into an elegant, data-driven experience for mid-market software companies. Our current MVP is live, but our product designer has just delivered a fresh Figma file for the core workflow. We now need an experienced front-end engineer with a sharp eye for design finesse to bring this new UI to life. The Assignment Pages to build: ~6 key screens for Saas Application Design spec: Pixel-perfect implementation of an annotated Figma file (desktop-first with responsive states) Integration: Hook each page to our existing REST endpoints ( Stack: Framework: Next.js (App Router) Styling: Tailwind CSS + shadcn/ui component library Version control / CI: GitHub + Vercel preview deployments Timeline: Kick-off immediately; initial hand-off to staging within 2 weeks (with daily Slack stand-ups and 2 code-review checkpoints). Deliverables: PRs merged to develop, passing CI, plus light documentation on any new components or utilities you add. What Success Looks Like Visual polish — Screens match Figma at 100% zoom, including typography, spacing, hover/active states, and animations. Clean, reusable code — New shadcn/ui components extended only where necessary; utility classes kept DRY; no inline styles. Seamless data flow — All dynamic data loads via our typed hooks; optimistic UI and error states handled. Responsive & accessible — Breakpoints tested down to 360 px wide; meets WCAG 2.1 AA for colour contrast and ARIA roles. Zero regressions — Existing Cypress tests still pass; new tests added for the fresh pages. Must-Have Skills & Experience 3-5+ years building production SaaS UIs in Next.js (v13+ App Router) Fluent with Tailwind CSS utility conventions and shadcn/ui (or Radix UI) component composition Proven track record translating Figma designs into pixel-perfect code Comfortable wiring front-end components to REST APIs Strong grasp of modern TypeScript patterns, form libraries (React Hook Form), and Zod or Yup validation Git-centric workflow: feature branches, PR descriptions, code review etiquette Excellent written communication (we’re async-first; clear commit messages & comments are non-negotiable) How to Apply Short intro summarising your most relevant projects (link + brief description). GitHub repo or code sample that showcases a Tailwind + Next.js project you built. Availability (hours per week) and time zone. Your estimated budget (fixed price or hourly) for delivering the 5 pages within the timeline. Shortlisted applicants will be invited to a 30-minute video call and a paid, self-contained coding task (a single component from the Figma file) to verify fit.

Keyword: Software Development

Price: $25.0

SaaS Development Next.js Tailwind CSS REST API CSS HTML Figma