ANDROIDANDROID APP

HostASite

Build a website from your phone, block by block.

AndroidKotlinJetpack ComposeMaterial 3
HostASite

Android · Kotlin · Jetpack Compose · Material 3

0
Native editor
0
Design system
0
Based editing
0
First design

OVERVIEW

|

Non-technical users who want a simple website, a hairdresser's contact page, a church event listing, a personal portfolio, are forced to use desktop website builders that are overwhelming and not designed for mobile creation.

|

An Android app with a touch-native block editor. Users pick from content blocks (text, image, contact form, map embed, opening hours) and compose their page by arranging them in the EditorScreen. Each block has a simplified property panel optimised for touch input.

|

A mobile-first website builder that lets non-technical users compose a basic web page entirely from their Android phone.

KEY FEATURES

Block Editor

The EditorScreen presents a scrollable canvas of content blocks. Each block can be moved up, moved down, duplicated, or deleted with a long-press context menu.

TECH STACK

Tap to see the reasoning

BUILD TIMELINE

Phase 01

Block Data Model

Designed the sealed class hierarchy for block types and the EditorState model that tracks the ordered list of blocks and the currently selected block.

CHALLENGES & SOLUTIONS

Compose's LazyColumn doesn't natively support drag-to-reorder. I implemented it using the detectDragGesturesAfterLongPress modifier combined with a backing MutableList that updates during the drag gesture, giving immediate visual feedback during the reorder operation.

LET'S BUILD SOMETHING TOGETHER

I'm always open to discussing new projects, partnerships, or just a good idea.

SAY HELLOMORE PROJECTS