Expert React / Tailwind CSS Front-End Engineer – Minimalist Web Portal UI (Vite)
Budget: $600.0
FIXED /
⭐ 0.00 (0)
United States
react-js, tailwind-css-framework, javascript, frontend-development
We are seeking an expert, individual Front-End Engineer to build a pixel-perfect, highly responsive Single-Page Application (SPA) dashboard for a secure B2B data-tracking framework.
The visual layout fields, core UI tabs, and functional interface states have already been structurally mapped. Your task is to translate our wireframe guidelines into a sleek, high-production React web interface utilizing Tailwind CSS for utility styling.
Core Scope of Work:
1. Public Entry Canvas: Construct a clean, high-conversion landing page optimized for fast edge network rendering, featuring a persistent horizontal navigation bar (tabs for Info, Features, Sign In) and a prominent, high-contrast action button labeled [CREATE NODE].
2. Core Portal Dashboard: Implement a secure 25/75 split-grid layout that activates immediately post-authentication. The left-hand 25% column must feature a permanently pinned, non-scrolling profile display wrapper designed to look like an institutional data passport card. The right-hand 75% column must function as a dynamic content viewport that swaps component data matrices instantly based on a horizontal row of navigation tabs situated in the upper-right corner of the global header.
3. Upper-Right Tab Array: Build the horizontal component navigation tree to cleanly toggle the 75% workspace between four core views: Data Sync/Banking Integrations, Operations Ledger, Analytics Monitors, and a borderless Placement Grid.
4. Active State Handling: Configure React state management so an administrator can input a generic string into a text field, click a submit button labeled [INITIALIZE HANDSHAKE], and instantly transition the dashboard state from "Disconnected" to "Live Verified" with simulated JSON metadata strings showing dynamically in the viewports.
5. Aesthetic Mandate: The user interface must explicitly mirror the minimalist, high-end, premium design language of modern, clean financial tech applications. This means enforcing a pure, matte-obsidian background (#000000), ultra-clean whitespace, zero distracting consumer fluff, sharp geometric component margins, vibrant neon-emerald accents (#00C805), and buttery smooth CSS fade transitions.
Required Experience:
- Deep mastery of modern React and utility-first CSS frameworks (Tailwind CSS 4).
- Extensive experience designing high-density data dashboards, financial trading UIs, or enterprise B2B landing pages.
- Prior experience configuring single-page application build processes and deploying repositories cleanly via Vercel.
- Ability to deliver clean, modular, production-ready frontend repositories within a rapid sprint timeline.
Generic agency submissions, multi-seat development shops, or automated templates will be archived instantly. We are looking for an autonomous individual developer who thinks about clean architecture and long-term maintainability before writing code.
Open job