haroon®Hire me ↗
Aperture Futures project preview by Mohammad Haroon
← Back to work
Frontend / AI ProductFrontend Developer

Mohammad Haroon Portfolio · Case study

Aperture Futures

UN Security Council Intelligence Platform

Frontend contribution focused on responsive interfaces, reusable components, and UX polish for an AI diplomacy platform.

Aperture Futures is an AI platform for UN Security Council intelligence with BlueLines, LiveLines, and CrossLines product surfaces. This portfolio case study focuses on frontend contribution: responsive React interfaces, reusable components, and UX polish for professionals who need fast, trustworthy access to dense diplomatic information.

Contributed to the frontend of Aperture Futures, building responsive user interfaces, reusable components, and modern layouts across product surfaces for resolution research, meeting intelligence, and negotiation workflows. The broader product uses a RAG architecture; the highlighted ownership here is the React frontend experience.

As Frontend Developer, Mohammad Haroon focused on responsive React interfaces, reusable components, modern layouts, and cross-device UX polish across BlueLines, LiveLines, and CrossLines product surfaces.

Frontend technologies

  • React.js
  • Vite
  • Tailwind CSS
  • React Router
  • Axios / React Query
  • Reusable component system

Backend technologies

  • Python Flask (product context)
  • LangChain + OpenAI RAG (product context)
  • Vector database (product context)
  • PostgreSQL + Redis (product context)
  • Dense intelligence UX

    ProblemDiplomatic users need speed and clarity without interface clutter.

    SolutionClean professional layouts, strong visual hierarchy, and reusable components for search and document viewing.

  • Cross-device access

    ProblemStakeholders work from offices, conferences, and field locations.

    SolutionResponsive breakpoints and touch-friendly navigation across screen sizes.

  • Trust in AI surfaces

    ProblemUsers need to verify sources, not accept opaque generated answers.

    SolutionFrontend patterns that support citations, references, and verification-friendly reading.

  • One system, three products

    ProblemBlueLines, LiveLines, and CrossLines must feel like one product family.

    SolutionShared component language and consistent navigation/layout patterns.

  • Responsive React interfaces across product surfaces
  • Reusable frontend components and layout systems
  • UX polish for dense diplomatic information
  • Cross-device experience improvements
  • UI patterns aligned with source-attributed AI answers
  • React.js
  • Tailwind CSS
  • Responsive UI
  • Component Design
  • Vite
What is Aperture Futures?

Aperture Futures is an AI platform for UN Security Council intelligence with BlueLines, LiveLines, and CrossLines product surfaces.

What did Mohammad Haroon contribute?

Frontend development: responsive React UI, reusable components, modern layouts, and cross-device UX polish.

Which frontend technologies were used?

React, Vite, Tailwind CSS, React Router, and Axios/React Query patterns for product navigation and data views.