Front End Developer (React & AI-Native Tools)

Responsibilities & Duties

Role Overview

We are seeking a Frontend Developer skilled in AI-assisted development using Lovable.dev to rapidly build React applications from natural language prompts. You’ll refine AI-generated code—fixing logic issues, architecting state management with React Hooks, and ensuring clean, maintainable components. The ideal candidate has deep React expertise, strong JSON/API integration skills, and the ability to bridge AI-generated output with production-quality frontend code.

Core Responsibilities

  • AI-Driven UI Construction: Use Lovable.dev to rapidly generate full-stack React applications and responsive components from natural language prompts.
  • Code Refinement & logic: Take the AI-generated code and "professionalize" it. You will refactor components for reusability, fix hallucinated logic, and ensure the codebase remains clean and maintainable.
  • Data Integration (JSON): Manage the data layer. You will parse complex JSON responses from APIs, design state schemas, and ensure the frontend renders dynamic data accurately (and handles errors gracefully).
  • State Management: Architect how data flows through the app. While Lovable builds the view, you build the brain using React Hooks (Context, Use State, Use Effect) or external libraries (Tan Stack Query, Zustand).
  • Styling & Polish: Use Tailwind CSS (Lovable’s primary output) to fine-tune designs, ensure mobile responsiveness, and match strict brand guidelines.
  • Bring new perspectives that challenge assumptions and add original thinking.
  • Ensure approaches align with organizational goals before execution.

Technical Requirements

1. Modern Web Development (The Foundation)

  • React Mastery: You must understand the React lifecycle deeply. AI can write code, but only you can fix infinite render loops or memory leaks.
  • JavaScript (ES6+): Strong command of async/await, array manipulation (map, filter, reduce), and destructuring.
  • JSON Handling: Expert at working with JSON objects. You know how to validate data structures, handle missing keys, and transform raw API data into UI-ready formats.

2. AI Tooling (The Accelerator)

  • Lovable.dev Experience: Familiarity with the Lovable workflow—iterating on prompts, syncing to GitHub, and understanding how to maintain the "sync" between generated code and manual edits.
  • Prompting for Code: Ability to describe UI interactions clearly in text so the AI generates the correct on Click handlers and state transitions on the first try.

3. API & Performance

  • Fetch/Axios: Experience integrating RESTful APIs. You know how to implement loading states, error boundaries, and optimistic UI updates.
  • Component Architecture: Understanding of Atomic Design principles. You know when to break a monolithic AI-generated file into smaller, reusable components.

Key Tech Stack

  • Core Framework: React, TypeScript (preferred) or JavaScript.
  • AI Generation: Lovable.dev (Daily Driver), v0.dev.
  • Styling: Tailwind CSS.
  • Data: JSON, REST APIs, Supabase (often paired with Lovable).

Version Control: Git / GitHub (managing AI commits vs. human commits).

Front End Developer (React & AI-Native Tools)