Available for new projects

Frontend Developer
building scalable &
modern web
experiences.

I craft responsive, high-performance applications using
React, Next.js, and modern UI systems. Focused on clean
code and exceptional user experiences.

About Me Background

About Me

Hello! I'm Hrvoje Čučković, a passionate Frontend Developer based in Croatia. I specialize in building responsive, accessible, and performant web applications that solve real-world problems.

With a strong foundation in React and Next.js, I focus on creating seamless user experiences. I believe that great code is not just about functionality–it's about maintainability, scalability, and attention to detail.

Responsive Web Design

Performance Optimization

Modern UI/UX Principles

Clean Architecture

Technologies & Tools

My preferred stack for building scalable applications

Frontend Core

  • React
  • Next.js
  • TypeScript
  • JavaScript (ES6+)

Styling & UI

  • Tailwind CSS
  • Panda CSS
  • shadcn/ui
  • Framer Motion

Tools & DevOps

  • Git & GitHub
  • Figma
  • Vercel
  • Vite

Professional Experience

My journey in the tech industry

ICC

Web Developer

Jan 2024 - May 2024

Developed and maintained web applications. Collaborated with design teams to implement responsive user interfaces.

Treblle

Frontend Developer

Sep 2025 - Present

Building modern developer tools and API monitoring interfaces. Contributing to the core product dashboard using React and Tailwind CSS.

Featured Projects

A selection of my recent work and personal projects (Treblle and personal projects).

ROI Calculator - Treblle

ROI Calculator - Treblle

The Treblle ROI Calculator is a web tool that helps API teams quickly estimate cost savings and ROI from using Treblle through real-time calculations and an intuitive interface.

Next.jsTypeScriptPanda CSSFigmaVercel
ROI Calculator - report PDF page

ROI Calculator - report PDF page

The Treblle ROI Report is a downloadable PDF that generates key ROI values which can be input into the ROI Calculator to estimate cost savings and impact, providing a seamless way to produce the numbers used for deeper analysis.

Next.jsTypeScriptPanda CSSFigmaVercelDynamic PDF
Documentation page - Treblle

Documentation page - Treblle

The Treblle Documentation is a comprehensive online resource that provides guides, API references, tutorials, and best practices to help developers integrate and use Treblle’s tools effectively, with clear examples and step-by-step instructions for every feature.

Next.jsTypeScriptPanda CSSFigmaVercelNextra
Ship happens - Hackathon landing page

Ship happens - Hackathon landing page

The Treblle Ship Happens page was a dedicated landing page for a specific internal hackathon event. It included an event overview, agenda, challenge details, and a secure login form for participants, serving as a central access point for all event information and activities.

Next.jsTypeScriptPanda CSSFigmaVercel

Let's build something great together.

I'm currently looking for new opportunities. Whether you have a question or just want to say hi, I'll try my best to get back to you!