Sortal MVP

Sortal

Software

2,025

01/

Overview

Developing the front-end MVP for Sortal - a law bundling software - involved building a responsive dashboard and bundle management system enabling users to create, search, and organise legal case bundles efficiently. Key features included dynamic page numbering, a bookmarks bar with drag-and-drop reordering, an automatically updating index, and PDF export that preserved formatting, hyperlinks, and page ranges. The email parser converted threads into structured, numbered A4 pages, maintaining forks in conversation chains. This MVP allowed Sortal to demonstrate functionality to potential clients, accelerate customer acquisition and validate core workflows. This was delivered in just five weeks.

Stack:

  • Typescript

  • Javascript

  • Tailwind CSS

  • Next.js

  • React

02/

Process

I developed the front-end using Next.js (with clean, well-documented code) to implement all features according to the Figma designs. This enabled users to create new bundles with auto-generated naming conventions, filter bundles via search and manage bookmarks with drag-and-drop functionality. Documents and sections can be reorganised seamlessly, with page numbers and index entries updating automatically. The PDF export retains page numbering, index and bookmark hyperlinks, and formatting, including a single cover page.

The email parser integration separates email threads into numbered pages, accurately displaying forks and preserving context. All components are fully responsive for desktop and tablet use, and I built the system to integrate with placeholder/mock backend APIs for future functionality. Basic handover instructions were provided to enable smooth continuation by the Sortal team.

Technologies used:

  • Next.js - front-end development, component architecture and state management.

  • Typescript / Tailwind CSS - dynamic UI, responsive layout and PDF rendering.

  • Figma - implemented designs accurately for dashboards, bundles, bookmarks and index.

  • Email Parsing Integration - automated conversion of email threads into structured documents.

03/

Key features

  • Responsive dashboard with bundle creation and search functionality.

  • Drag-and-drop bookmarks and document reorganisation with automatic page numbering updates.

  • Dynamic index generation reflecting sections and documents, with accurate hyperlinks.

  • PDF export preserving page numbering, hyperlinks, formatting, and a cover page.

  • Integrated email parser to convert email threads into A4 documents, including forks.

  • Clean, maintainable code with basic handover instructions for the Sortal team.

Ankhara

Fomo