← All projects
Mobile React Native TypeScript Expo

Wisight

A React Native mobile app enabling French employees to anonymously report workplace violations — corruption, harassment, data protection breaches — via a guided multi-step alert flow, with a custom component library, light/dark mode, and full TypeScript architecture.

Context

French labour law mandates whistleblower protection channels. Wisight set out to make the reporting process accessible and trustworthy through a mobile-first product. The app needed to feel secure and professional — guiding users through a sensitive, multi-step process without friction or anxiety.

What I built

I built the complete bilingual user-interface.

Architecture — Navigation structure, screen hierarchy, theming, asset pipeline, and a clean separation of concerns with consistent file organisation and a mock data module.

Component library — Built to cover every UI pattern in the app: Forms, Modals, Notifications, Overlays, Articles, Cards, Typography, Tiles and more

Auth flow — Welcome, Login, Register, and Forgot Password screens.

Multi-step form — The core product feature: a guided alert submission flow with category selection, danger level assessment, and a progress bar showing step completion.

Additional screens — Playlists, Settings (account, statistics, notifications, light/dark mode toggle, legal pages).

Design system — Centralised theme with colour, typography, and spacing tokens. Full light and dark mode support across all screens.

Outcome

A feature-complete bilingual compliance app — from app initialisation to a full component library, multi-step reporting flow, and complete TypeScript architecture.