Real-Time React Next.js Interface

The project centres on a single-page web application that must feel instant, fluid, and alive. I already have a clear UI/UX direction; what is missing is the engineering muscle to turn those designs into an ultra-responsive experience.

Frontend scope
• Stack: React.js, Next.js 14, Tailwind CSS
• Behaviour: real-time updates (WebSocket / Socket.IO preferred), smooth page transitions, and complex micro-animations without jank.
• Integrations: several third-party APIs for payments, geolocation, messaging, and analytics—all wired into reusable hooks or service modules.

Backend scope
• Stack: Node.js 20 with Express.js.
• Role: act as a real-time gateway—ingesting events, processing them instantly, then broadcasting results back to the client. Scaling guidance (Redis Pub/Sub or similar) is welcome.

Deliverables
1. Production-ready Next.js codebase with Tailwind components and animation logic.
2. Express.js server exposing REST endpoints plus real-time channels.
3. Integration modules for each external API, fully tested.
4. Clear README covering setup, environment variables, and deployment to Vercel / AWS.
5. Brief hand-off call or video walkthrough.

Acceptance criteria
• Latency on data refresh ≤200 ms under typical load.
• Lighthouse performance score ≥90 on mobile and desktop.
• No console errors; all eslint and type-checking passes.

Feel free to propose additional tools or patterns if they improve performance or developer experience.