Next.js Figma Conversion & API Integration

The full Figma design for my web app—every page, component, and asset—now needs to be reproduced pixel-perfectly in a fresh Next.js code-base. Along the way I also have several interactive touches in mind: hover states, subtle transitions, dynamic modals, and a few section-reveals as the user scrolls. These aren’t huge motion-graphics, but they do go beyond basic fades, so I’ll count on well-structured React animation helpers or CSS-in-JS solutions that keep performance solid.

Once the UI is in place, the screens must be wired to our existing RESTful endpoints for data. Endpoints are documented and live; typical CRUD flows plus authentication and a couple of file-upload calls. Clean Axios (or fetch) hooks, clear error handling, and environment-based configuration are essential so I can drop the repo straight into CI/CD.

Acceptance criteria
• Every frame in Figma matches the deployed build at common breakpoints.
• Interactive elements behave exactly as in the prototype.
• All RESTful requests succeed against the staging server and surface errors gracefully.
• Code is organised, typed (if you favour TypeScript), and lint-clean.
• A short README explains setup, env variables, and build/run commands.

When the checklist is green, I’ll merge to main and close the project.