Tuula - Image 1
Tuula - Image 2
Tuula - Image 3
Tuula - Image 4
Tuula - Image 5
Tuula - Image 6
1 / 6
React.js
Next.js
TypeScript
Tailwind CSS
JavaScript
HTML
CSS
PostgreSQL
Docker
Git
AWS
Jest
Cypress

Tuula

Tuula Report Generator streamlines clinical reporting with AI-assisted transcription, structured job dashboards, and collaborative report editing. Built with Next.js, TypeScript, Flask services, and AWS AI, it keeps teams productive even offline thanks to a full mock API layer.

Timeline

May 2024 - Jul 2024

Project gallery

6 images

Share on LinkedInShare on FacebookShare via email

Ready to unpack the architecture, implementation, and outcomes of this build? Explore the gallery and detailed write-up below, or share it with your team.

Project deep dive

Implementation details, architecture trade-offs, and outcomes from this engagement.

Tuula Report Generator – AI-Powered Job Reporting Suite

Tuula Report Generator streamlines how clinicians and specialists capture, review, and share case insights. The platform blends structured workflows with AI-assisted transcription and reporting so teams can focus on care rather than paperwork.

Key Features

  • Jobs Dashboard — Monitor case status, ownership, and progress with real-time filters, search, and pagination
  • AI Transcription & Analysis — Upload audio, generate rich transcripts, and surface structured findings instantly
  • Interactive Report Editing — Review historic reports, edit current drafts, and regenerate insights with guided forms
  • Session Playback & Downloads — Play audio inline, export transcripts, and download finalized reports on demand
  • Role-Aware Access — Secure authentication with session refresh, mockable locally for offline development

Technology Stack

A modular architecture keeps the workflow fast, resilient, and easy to extend:

  • Next.js (App Router) & React — Server-driven UI with streaming data, Suspense, and granular client islands
  • TypeScript & Tailwind — Typed components and consistent styling via shadcn/Radix primitives
  • Zod & React Hook Form — Declarative validation for complex report schemas
  • nuqs — URL-driven state for pagination, sorting, and filters
  • Python Flask Services — Backend APIs orchestrating job processing and report lifecycle
  • PostgreSQL — Durable data store for jobs, reports, and audit history
  • AWS Transcribe & Bedrock — Speech-to-text and question-answering pipelines powering insights
  • NextAuth — Credential flow with refresh support, plus a full mock layer for local development
  • Vercel (Next) & AWS — Edge-ready frontend with scalable job processing infrastructure

My Contributions

  • End-to-End — Built a comprehensive API layer (auth, jobs, reports, uploads) enabling full local UX without backend access
  • Authentication Flow — Integrated credentials login with token refresh, session syncing, and mock parity
  • Job & Report UI — Implemented dashboard tables, job detail tabs, report editors, and transcript experiences with Suspense-driven data loading
  • Upload & Transcription UX — Added presigned upload workflow, optimistic progress tracking, and AI transcript presentation
  • Documentation & DX — Authored environment, and workflow docs to keep onboarding frictionless

Why Tuula Stands Out

✓ AI in the Loop — Seamless hand-off between human expertise and automated transcription/analysis
✓ Clinician-Centric UX — Designed for real-world reporting workflows, not generic CRUD dashboards
✓ Offline-Friendly Development — Rich infrastructure keeps feature work unblocked when services are unavailable
✓ Secure & Scalable — Typed front end, Flask APIs, Postgres storage, and AWS AI services deliver enterprise-ready reliability

Project snapshot

  • Stack focus

    React.js, Next.js, TypeScript, Tailwind CSS, JavaScript, HTML, CSS, PostgreSQL, Docker, Git, AWS, Jest, Cypress

  • Duration

    May 2024 - Jul 2024

  • Media coverage

    6 curated assets documenting the journey.

Share this project

Copy the link or open it directly in your preferred network.

Share on LinkedInShare on FacebookShare via email
Let’s collaborate

Ready to ship your next resilient, product-focused experience

Whether you need a hands-on lead for a critical release or a trusted partner to iterate alongside your team, I bring pragmatic execution, clear comms, and a bias for measurable outcomes.

Years building products

8+

Partnering with founders and product teams from MVP to scale.

Average response time

<24h

Expect a thoughtful reply with next steps within one business day.

Collaboration window

CET ±2

Flexible scheduling for global teams with overlap across US/EU.

Primary contact

  • Primary email: [email protected]
  • Based in: Sarajevo, Bosnia & Herzegovina • Remote-friendly
  • Availability: Open to fractional leadership & long-term partnerships

Start the conversation

Tell me about your project

Share the context you have so far—problem statement, timing, team size, or anything else. I’ll review and follow up with next steps within one business day.

What you can expect next:

  • Quick acknowledgement so you know I received your message.
  • A follow-up with clarifying questions or a suggested next step.
  • Optionally, a 30-minute discovery call to align on scope.

© 2025 Haris Bešlić. All rights reserved.

Built with Next.js, TypeScript, and a relentless focus on polish and performance.