Expert React / Tailwind CSS Front-End Engineer – Minimalist Web Portal UI (Vite)
Worldwide
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.
$600.00
Fixed-price- ExpertExperience Level
- Remote Job
- Ongoing projectProject Type
Skills and Expertise
Activity on this job
- Proposals:20 to 50
- Last viewed by client:7 hours ago
- Hires:1
- Interviewing:0
- Invites sent:0
- Unanswered invites:0
About the client
- USAWestlake4:12 AM
- 2 hires, 2 active
- Tech & ITIndividual client
Explore similar jobs on Upwork
How it works
Create your free profileHighlight your skills and experience, show your portfolio, and set your ideal pay rate.
Work the way you wantApply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
Get paid securelyFrom contract to payment, we help you work safely and get paid securely.
About Upwork
- 4.9/5(Average rating of clients by professionals)
- G2 2021#1 freelance platform
- 49,000+Signed contract every week
- $2.3BFreelancers earned on Upwork in 2020
Find the best freelance jobs
Growing your career is as easy as creating a free profile and finding work like this that fits your skills.
Trusted by