Haris Pašić

Frontend-focused Software Engineer · React · TypeScript · Next.js

Frontend Software Engineer building scalable React, TypeScript and AI-powered SaaS products.

I build production-focused web applications with clean architecture, performance, testing, and strong product UX.

View projectsContact me
GitHubLinkedIn
5+ years in productionHealthcare & research SaaSSarajevo · CET
FitBook AIFitBook AI
fitbook-ai-e2gi.vercel.app/dashboard
FitBook AI coach dashboard

Featured product

FitBook AIFitBook AI

Production-oriented full-stack coaching SaaS

Full-stack coaching MVP with real PostgreSQL data—role-based client and coach dashboards, a full booking lifecycle, JWT auth, and Playwright E2E coverage. Optional AI and email when configured.

  • Role-based /me and /dashboard workspaces
  • PostgreSQL + Prisma persistence
  • Booking lifecycle with concurrency checks
  • JWT httpOnly sessions & route guards
  • Playwright E2E (auth, bookings, reviews)
  • Optional AI workflows & Resend email
Next.js 16React 19TypeScriptPostgreSQLPrismaPlaywrightTailwind CSS 4Radix UIZodJWTOpenAIResendVercel
fitbook-ai-e2gi.vercel.app
FitBook AI marketing landing page
Marketing site
fitbook-ai-e2gi.vercel.app/dashboard
FitBook AI coach dashboard with KPIs and calendar
Coach dashboard
fitbook-ai-e2gi.vercel.app/me
FitBook AI client home with goals, sessions, and AI assistant
Client app

Case study

How FitBook AI ships a real coaching MVP

Problem

Coaches and clients juggle discovery, booking, CRM, and progress across tools, with no shared source of truth.

Solution

One product: marketplace, client and coach dashboards, booking lifecycle, CRM, notifications, and reviews on live PostgreSQL data.

Core features

  • Coach directory & availability
  • Book → confirm → complete flow
  • Client goals, sessions, reviews
  • Coach CRM, calendar, services
  • In-app notifications
  • Optional AI & email

What I built

  • App Router layouts & role guards
  • Prisma schema, migrations, seed
  • BookingsProvider + thin API (Zod)
  • JWT sessions & password reset
  • Lazy-loaded AI panel
  • Shared UI primitives

Engineering

Built like a real SaaS product

Production-minded surfaces: auth, scheduling, AI workflows, CRM, analytics, and architecture that scales with the business, not a UI shell.

Role-based authentication

Separate App Router layouts for client (/me) and coach (/dashboard), with JWT httpOnly sessions and route guards.

Booking engine

Full lifecycle from open slots through confirm, reschedule, and complete, with concurrency checks and a shared BookingsProvider.

AI workflows

Optional, lazy-loaded assistant with booking aware tools and coach side drafting when OpenAI is configured.

Client portal

Session booking, goals, workout history, notifications, and post-session reviews on live data.

Trainer CRM

Client notes, services, availability, and calendar in one coach workspace, not scattered spreadsheets.

Analytics dashboard

Dashboard KPIs tied to real bookings; plan tiers (Free / Pro / AI Pro) enforced in the UI.

Responsive architecture

Shared EmptyState, ModalShell, and product tokens across marketing, client, and coach surfaces.

API / backend-ready structure

Thin app/api routes delegating to server modules with Zod validation and Prisma-backed persistence.

Shipped product

UrbanKey Sarajevo

Production-ready property management platform

Production-ready bilingual property management platform built with Next.js, React, and TypeScript.

Developed to help apartment owners outsource Airbnb and Booking.com operations through a conversion-focused marketing experience.

Features include multilingual support, SEO optimization, structured data (JSON-LD), responsive design, automated testing, CI/CD workflows, and production deployment on Vercel.

The application follows a static-first architecture focused on performance, accessibility, maintainability, and search visibility.

UrbanKey Sarajevo marketing homepage hero
Hero & conversion-focused landingOpen live →
UrbanKey Sarajevo why choose us section
Value proposition & trust signalsOpen live →
UrbanKey Sarajevo contact and consultation form
Lead capture & consultation flowOpen live →

Key features

  • Bilingual experience (Bosnian / English)
  • SEO optimization (metadata, Open Graph, sitemap, robots.txt)
  • JSON-LD structured data
  • Responsive design
  • Contact form integration
  • Automated testing (Unit + E2E)
  • CI/CD pipeline with GitHub Actions
  • Production deployment on Vercel

Tech stack

Next.js 16React 19TypeScriptTailwind CSS v4FormspreeVitestTesting LibraryPlaywrightGitHub ActionsVercel

Engineering highlights

Technical Case Study

Problem

Apartment owners in Sarajevo need a credible way to present Airbnb and Booking management services online, with bilingual copy, trust signals, and a consultation path, without building a custom backend on day one.

Solution

A static-first Next.js marketing platform with typed EN/BS i18n, SEO and JSON-LD baked in, Formspree lead capture, and a CI gate (lint, unit, build, Playwright) before every production deploy to Vercel.

What I built

  • Section-based landing page (hero, services, process, FAQ, contact)
  • Custom bilingual i18n with persisted locale preference
  • Metadata, Open Graph, sitemap, robots, and FAQ structured data
  • Validated consultation form via Formspree
  • Vitest + Testing Library unit coverage
  • Playwright E2E specs for critical user flows
  • GitHub Actions pipeline on every push and PR to main
  • Production deploy on Vercel with custom domain www.urbankey.ba

CI pipeline

  1. 01Install dependencies (npm ci)
  2. 02Lint (ESLint)
  3. 03Unit tests (Vitest)
  4. 04Production build
  5. 05Playwright browser setup
  6. 06End-to-end tests

Future roadmap

The next phase of UrbanKey focuses on evolving the platform beyond marketing into an operational management system for short-term rental properties.

Planned features include:

  • Property and owner management
  • Lead and client CRM
  • Task and operations management
  • Cleaning and maintenance scheduling
  • Revenue and occupancy reporting
  • Authentication and role-based access
  • Backend API and database infrastructure

Long-term, UrbanKey aims to become the central operational platform used by the UrbanKey team and property owners to manage apartment operations efficiently, while continuing to leverage Airbnb and Booking.com as booking channels.

Skills

Core stack for production React/TypeScript products, grouped by how I work on real teams.

Frontend

React, TypeScript, Next.js production SaaS UI

ReactTypeScriptNext.jsPerformanceReduxReact NativeAccessibility

Quality & APIs

Testing in CI, REST and GraphQL integration

PlaywrightJestREST APIsCypressGraphQLTestCafe

Styling & systems

Tailwind, components, Storybook, design tokens

TailwindStorybookCSSSCSSFigma

Platform

Node, data layer, CI/CD when the product needs it

Node.jsPostgreSQLCI/CDDockerSQLGit

Experience

Frontend work in healthcare and research, architecture, testing, and delivery with product and backend partners.

Kinly

· London

Lead Frontend Engineer (Project-based)

  • Owned frontend architecture and delivery on a production healthcare platform.
  • Shipped complex React/TypeScript features with RTK Query; introduced Cypress E2E in the release flow.
  • Mentored engineers, led reviews, and aligned delivery with product and backend.

Oct 2024 — Oct 2025

PG Forsta

· Sarajevo

Software Engineer

  • Led frontend work on data-driven research products—UX, performance, and feature ownership.
  • Built React/TypeScript apps with Redux and REST APIs; Playwright and Jest for regression safety.

Oct 2022 — Present

Freelance

· Remote

Software Engineer

  • Delivered dashboards, e-commerce, and client portals with React and reusable component systems.
  • Improved performance, responsive layouts, and Redux-based state for long-term maintainability.

Feb 2020 — Mar 2022

Various clients

· Sarajevo, BiH

Frontend Developer

  • Built Shopify and React storefronts for SMBs requirements, UI polish, and performance.

Jun 2019 — Jan 2020

Education

BSc Electrical and Electronic Engineering

International University of Sarajevo · Sarajevo

Oct 2015 — Jan 2020

Full-stack intensive program

Paragon Bootcamp · Sarajevo

Intensive full-stack track: React, Node.js, MongoDB, and testing across 40+ hands-on projects.

Mar 2022

About

I build frontend for products that need to ship, not slide decks. Over five years I've owned React and TypeScript surfaces in healthcare and market research, with a focus on architecture, testing, performance, and calm product UX.

I recently shipped FitBook AI, a full-stack coaching SaaS MVP end to end. I care about maintainable components, clear API boundaries, and interfaces that feel production-ready from the first release.

  • Product-minded UI
  • Frontend architecture
  • Testing & quality
  • SaaS delivery

Contact

Senior frontend engineer focused on architecture, performance, testing, and maintainable product systems.

Location
Sarajevo, Bosnia and Herzegovina
Timezone
CET · Sarajevo

Haris Pašić · React · TypeScript · Next.js

EmailLinkedInGitHub