Harie.Back to Projects
Harie.

Selected Work / Case Study

2025

Developer Tools / API Platform

Axel Intelligence.

An API integration platform combining developer tools, AI-assisted interactions, and API discovery.

Role

Frontend Development

Year

2025

Axel Intelligence project preview

Harie / Selected Work

Digital Experience

01 / The Overview

About The Project

Making API integration
more approachable.

Axel Intelligence is a developer-focused platform designed to make API discovery and integration more accessible. It brings together API exploration, AI-assisted interactions, and account access within a connected web experience.

My role focused on frontend development across the public landing page, AI chat interface, authentication flows, and API catalogue. The work involved building responsive interfaces, reusable React components, and API-connected interactions while maintaining a consistent user experience.

01

The Purpose

Make API services easier to discover and explore through a developer-focused platform.

02

The Experience

Connect product introduction, AI-assisted interactions, account access, and API discovery.

03

My Role

Develop the landing page, AI chat, authentication interfaces, and API catalogue using React and TypeScript.

02 / The Process

Behind The Work

Complex technology.
Simpler experiences.

01 / The Challenge

Making developer tools feel approachable.

Developer platforms need to communicate technical capabilities while remaining accessible to different users. The frontend challenge was to create clear, responsive interfaces across public-facing pages and interactive application features.

01

Present the platform's capabilities through a clear and engaging landing page.

02

Create intuitive interfaces for AI-assisted conversations and API discovery.

03

Maintain consistent interactions across authentication and application screens.

02 / The Approach

Consistent interfaces across different experiences.

I developed frontend features using React and TypeScript, focusing on reusable components, responsive layouts, and API integration. Consistent interface patterns helped connect the public landing page with the platform's interactive features.

01

Build responsive landing page sections and reusable UI components.

02

Implement AI chat interfaces and authentication flows.

03

Develop API catalogue interfaces with structured information and API-driven data.

From Concept to Experience

Harie.

03 / Key Features

Project Details

From introduction to exploration.

A closer look at my frontend contributions across the Axel Intelligence platform.

Feature / 01

Public Landing Page

Developed a responsive landing page introducing Axel Intelligence, focusing on clear content presentation, reusable components, and consistent layouts across different screen sizes.

Feature / 02

AI Chat Experience

Built conversational interfaces for AI-assisted interactions, including message presentation, user input, and API-connected communication.

Feature / 03

Authentication & API Catalogue

Developed authentication interfaces and API catalogue components, supporting account access and structured API discovery through reusable React components.

04 / Tech Stack & Reflection

Behind The Build

Built for developers.
Focused on usability.

The frontend technologies and engineering considerations behind a developer-focused API platform.

01 / Technologies

01

Frontend

React · TypeScript

02

API Integration

REST APIs · HTTP Requests · JSON

03

Development Tools

Git · API Documentation · Browser DevTools

02 / Reflection

Connecting product experience with functionality.

Working on Axel Intelligence gave me experience developing both public-facing pages and interactive application features. Building the landing page, AI chat, authentication, and API catalogue required balancing visual consistency with different functional requirements.

The project strengthened my approach to reusable React components, responsive design, and API-connected interfaces. It also reinforced the importance of creating intuitive experiences that help users navigate technical products more comfortably.

Always Learning, Always Building

Harie.

05 / Up Next

Project 06

Continue Exploring

Tunas Unggul.

Education / Management System

2024
All ProjectsHarie.

© 2026 Harie. All Rights Reserved.

Made with Intention