Frontend React Developer Agentic AI - Freelance

Budget: 460

Frontend Developer Agentic AI

Current context : key dates, objectives

DocInsight is a virtual assistant designed to interact with a generative AI, analyze documents, and generate content. This solution enables users to get the most out of their documents by offering a range of advanced features. A dedicated international squad is developing the solution in order to be provided to all employees.

Scope Of Work

Objective: Develop a modern, agentic UI (AI-driven, autonomous, and adaptive user interface) for using React, incorporating new reusable components that enhance user interaction,

automation, and decision-making.

Key Features

• AI-driven UI elements (e.g., dynamic recommendations, adaptive layouts)
• New React components (custom hooks, compound components, headless UI)
• Integration with backend services (APIs, authentication, data fetching)
• Responsive & accessible design (WCAG compliance)
• Performance optimization (lazy loading, memorization, bundling)
• Security & compliance (data sensitivity policies)
  
  

Frontend Development

Task Description Deliverables

UI/UX Design

Collaboration

Work with the design team to define agentic

UI patterns (e.g., AI-assisted forms, dynamic

dashboards, chatbot-like interfaces).

• Figma/Adobe XD
  
  

prototypes React Component

Library

Develop new reusable React

components (e.g., smart tables, AI-driven

suggestion cards, real-time data visualizations).

• Storybook documentation
• Component source code
  
  

(TypeScript)

• Unit & integration tests
  
  

(Jest, React Testing

Library)

State

Management

Implement state management (Redux Toolkit, Zustand, or React Context) for complex UI interactions.

• State management setup
• Middleware for API calls
  
  

API Integration

Connect frontend with backend services (REST/GraphQL APIs, authentication via OAuth2/JWT).

• API service layer
  
  

(Axios/Fetch)

• Error handling & retry mechanisms
  
  

Task Description Deliverables

Agentic UI Logic

Implement AI-driven behaviors (e.g., auto- suggestions, dynamic form fields, adaptive layouts based on user role).

• Custom hooks for AI interactions
• Rule-based UI adjustments
  
  

Performance

Optimization

Ensure fast load times (Code splitting, memorization, SSR/SSG if needed).

• Lighthouse performance report
• Bundle analysis
  
  

(Webpack/Vite)

Security &Compliance

Follow security guidelines (C3_ECF or lower data sensitivity).

• Secure coding practices
• Dependency vulnerability
  
  

scans

Documentation Provide developer & user documentation.

• README for setup &
  
  

usage

• Component API docs
  
  

(TypeDoc/JSDoc)