Expert React / Tailwind CSS Front-End Engineer – Minimalist Web Portal UI (Vite)

Posted yesterday

Worldwide

Summary

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
  • Expert
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
React
Tailwind CSS
Vercel
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
Member since Jul 4, 2026
  • USA
    Westlake4:12 AM
  • 2 hires, 2 active
  • Tech & IT
    Individual client

Explore similar jobs on Upwork

Front-End Development
Responsive Design
Wix
Web Development
Information Architecture
UX & UI Design
Migrate reactjs web app to threejsHourly‐ Posted 4 weeks ago
Tailwind CSS
React
Web Application
TypeScript

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers 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

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo