Title Next.js (TypeScript + Sass) UI Implementer for Admin Panel — Figma Ready — i18n EN/ES (JSON) — Fixed Price.

Job ID: 39809777

Budget: $750 – $1,500 USD

Project description
We need a front-end developer to implement (markup only) an admin panel from a finalized Figma design. Scope: UI/markup only (no business logic), responsive, and bilingual EN/ES using JSON translations with a standard library (next-intl or i18next).

Figma & visual scope

Figma (view only):

https://www.figma.com/design/i3ypmwakGaL5qcQfH6YjeT/AloManager-2.0?node-id=0-1&p=f&t=FL40WUyPuYwc6leX-0

Pages to implement:

- Panel Vendor 2.0

- Online Store

- Alovago

Scope / Deliverables

Pixel-perfect implementation from Figma.

Next.js + TypeScript + Sass (CSS Modules).

Reusable components (buttons, inputs, tables, cards, modals).

Responsive per breakpoints.

States: hover/active/disabled and basic skeletons.

i18n EN/ES with JSON (locale routing + language selector).

Basic routing between screens and placeholders.

Basic accessibility (roles/aria, contrast).

README (setup, scripts, structure).

Git repository hand-off.

Mandatory bilingual delivery (EN/ES):

Full UI in English and Spanish.

JSON files under /public/locales/en and /public/locales/es with mirrored keys.

README in both languages.

Required tech

Next.js (preferably App Router), TypeScript, Sass (CSS Modules).

i18n via next-intl or i18next with JSON.

Out of scope: Backend/API integrations, business logic, real auth, real data (use mocks).

Must-have qualifications

Proven experience building admin panels with Next.js.

Strong TS + Sass skills and component architecture.

Hands-on JSON-based i18n (next-intl/i18next).

Clear communication and realistic estimates.

Terms & conditions (important)

Quote: fixed price for a single job (one payment). No hourly or partial payments.

AI: Not allowed (no generative AI or code assistants such as ChatGPT, Copilot, CodeWhisperer). Work must be original and manual.

Payment: released only when the deliverable is 100% complete and meets all agreed criteria.

Final notes

Only quotes with realistic timeline and cost will be considered.

Messages will not be answered; the scope is clearly defined above.

Español

Título
Maquetador/a Next.js (TypeScript + Sass) para Panel — Figma listo — i18n ES/EN (JSON) — Precio cerrado

Descripción del proyecto
Buscamos un/a desarrollador/a front-end para maquetar un panel a partir de un diseño finalizado en Figma. Alcance: solo maquetación/UI (sin lógica de negocio), responsive y multidioma ES/EN con textos desde JSON usando librería estándar (next-intl o i18next).

Figma y alcance visual

Figma (acceso de solo lectura):
https://www.figma.com/design/i3ypmwakGaL5qcQfH6YjeT/AloManager-2.0?node-id=0-1&p=f&t=FL40WUyPuYwc6leX-0

Páginas a maquetar:

Panel Vendor 2.0

Online Store

Alovago

Alcance / Entregables

Implementación pixel-perfect del Figma.

Next.js + TypeScript + Sass (CSS Modules).

Componentes reutilizables (botones, inputs, tablas, cards, modales).

Responsive según breakpoints.

Estados: hover/active/disabled y skeletons básicos.

i18n ES/EN con JSON (routing por locale + selector).

Navegación entre pantallas y placeholders.

Accesibilidad básica (roles/aria, contraste).

README (instalación, scripts, estructura).

Código en repo Git.

Entrega bilingüe obligatoria (ES/EN):

UI completa en español e inglés.

JSONs en /public/locales/es y /public/locales/en con claves espejo.

README en ambos idiomas.

Tecnologías requeridas

Next.js (ideal App Router), TypeScript, Sass (CSS Modules).

i18n con next-intl o i18next leyendo desde JSON.

Qué NO entra: Integraciones con API/backend, lógica de negocio, auth real, datos reales (usar mocks).

Requisitos (excluyentes)

Experiencia maquetando admin panels en Next.js.

Sólido manejo de TS + Sass y patrones de componentes.

Experiencia montando i18n JSON (next-intl/i18next).

Comunicación clara y estimaciones realistas.

Términos y condiciones (importante)

Cotización: precio cerrado por trabajo único (un solo pago). No se aceptan horas ni pagos parciales.

IA: No se admite el uso de IA generativa ni code assistants (p.ej. ChatGPT, Copilot, CodeWhisperer). El trabajo debe ser original y manual.

Pago: se libera solo cuando el entregable esté 100% terminado y cumpla todo lo acordado.

Notas finales

Solo se evaluarán cotizaciones con tiempos y costos realistas.

No se responderán mensajes: el alcance está claramente detallado arriba.
Related categories: Typescript Sass Next.js