Websites

HI, I'M KARLA. FRONT-END DEVELOPER. WHAT ARE WE BUILDING NEXT?

WHAT I DO

I build websites and web apps end to end.

From marketing sites and landing pages to custom dashboards and full-stack platforms, I turn ideas into fast, polished products that feel right on every screen.

I work across the whole stack, from HTML, CSS, JavaScript and TypeScript with React, Next.js and Astro on the front end, to PHP, Supabase and REST APIs on the back end. I also build admin dashboards, wire up headless CMS setups, and design and customize WordPress sites.

TECH I WORK WITH

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Astro
  • Tailwind CSS
  • PHP
  • Supabase
  • PostgreSQL
  • REST APIs
  • Headless CMS
  • WordPress
  • React Native
  • Expo

MY PROJECTS

Brico i Seka Barbershop

  • Next.js
  • React
  • Tailwind CSS
  • Framer Motion
  • Modern website for a Croatian barbershop focused on presenting services clearly.
  • Built with Next.js, React, Tailwind CSS, and Framer Motion.
  • Designed with a clean black-and-white visual style and minimal layout.
  • Includes smooth animations and motion details without slowing down the experience.
  • Optimized for both desktop and mobile browsing.
Brico i Seka website, view 1Brico i Seka website, view 1
Visit

Konoba Bare Menu App

  • React
  • Next.js
  • PHP
  • MySQL
  • Google Translate API
  • Custom restaurant menu management system for a daily-changing food offer.
  • Replaced manual Microsoft Word menu updates with a database-driven workflow.
  • Allows the restaurant to add dishes, edit details, and activate daily menu items.
  • Generates updated printed menus and synchronized QR code menus.
  • Includes multilingual menu support through Google Translate API.
Konoba Bare restaurant menu web app, view 1

City Events App

  • React Native
  • Expo
  • Next.js
  • shadcn/ui
  • Supabase
  • PostgreSQL
  • Personal full-stack event discovery platform for finding local events in one place.
  • Includes a React Native / Expo mobile app planned for Google Play and the Apple App Store.
  • Designed around a clean, ad-free experience without social media algorithms or cluttered feeds.
  • Powered by a Supabase backend with PostgreSQL.
  • Includes a Next.js admin dashboard and a PWA-ready venue portal built with shadcn/ui.
City Events App, admin dashboard viewCity Events App, mobile view 1

English Learning Game Platform

  • HTML
  • CSS
  • JavaScript
  • Shopify
  • SQL
  • Custom interactive platform for children learning English.
  • Developed from provided Figma designs instead of using a template.
  • Includes memory games, drag-and-drop tasks, word search, and input-based exercises.
  • Built for both desktop and touchscreen interaction.
  • Integrated with Shopify and supported by a cPanel SQL backend.
Interactive English learning game platform, Figma design
Visit

Primary School I. G. Kovačića

  • WordPress
  • Divi
  • Complete website redesign for a Croatian primary school.
  • Built from scratch in WordPress using Divi.
  • Includes 20+ pages for school programs, activities, and parent/student information.
  • Structured around the school’s real content instead of a pre-made template.
  • Designed to be clean, accessible, and easy for school staff to maintain.
Primary School Ivana Gorana Kovačića website, view 1Primary School Ivana Gorana Kovačića website, view 1
Visit

ShiftMate Landing Page

  • Next.js
  • React
  • Tailwind CSS
  • Showcase landing page concept for a shift management and task tracking product.
  • Designed to present a SaaS product through a polished marketing website.
  • Includes product benefits, feature sections, dashboard-style visuals, and calls to action.
  • Focused on the product presentation layer, not the full app or dashboard development.
  • Built with Next.js, React, and Tailwind CSS.
ShiftMate SaaS landing page, view 1ShiftMate SaaS landing page, view 1
Visit

Croatian Distillery Compliance

  • WordPress
  • Worked on an existing WordPress website for a Croatian distillery selling traditional spirits.
  • Implemented functionality related to consumer right of withdrawal requirements.
  • Adapted the setup to support newer Croatian consumer-protection obligations.
  • Created custom styling so the legal elements matched the existing website design.
Croatian distillery website, first view

Harmony Initiative Landing

  • HTML
  • CSS
  • JavaScript
  • Anime.js
  • Showcase landing page concept for an anti-bullying initiative aimed at schools.
  • Presents programs, a step-by-step process, and answers to common school questions.
  • Designed in a bold visual style instead of a typical nonprofit template look.
  • Includes scroll-based animations powered by Anime.js and a school contact form.
  • Built with HTML, CSS, and JavaScript without any framework.
Harmony Initiative anti-bullying landing page, view 1Harmony Initiative anti-bullying landing page, view 1
Visit

Modular Homes Website

  • Next.js
  • React
  • Tailwind CSS
  • Showcase website concept for a modular homes company.
  • Designed to present building solutions, project examples, and buyer benefits.
  • Structured as a clean business website for potential home buyers.
  • Includes clear calls to action for contact and consultation booking.
  • Built with Next.js, React, and Tailwind CSS.
Modular Homes company website, view 1Modular Homes company website, view 1
Visit

Liora Vale Singer Showcase

  • Next.js
  • React
  • Tailwind CSS
  • Motion
  • Concept showcase website for a singer's online presence and music career.
  • Highlights current singles and albums through a dedicated discography page.
  • Includes tour dates, artist info, and links to streaming and social platforms.
  • Visual direction leans into a warm, retro 70s aesthetic instead of a typical modern template look.
  • Built with Next.js, React, Tailwind CSS, and Motion animations.
Liora Vale singer showcase website, view 1Liora Vale singer showcase website, view 1

Pomodoro Tasks Web App

  • Next.js
  • Tailwind CSS
  • daisyUI
  • Lucide React
  • Personal Pomodoro-style focus timer and task planner for daily productivity.
  • Plan page for adding tasks, tracking pomodoro counts, and setting one task active to focus on.
  • Focus timer with play, reset, and skip controls built around a circular round indicator.
  • Deep settings for timer durations, autostart behaviour, notifications, and light/dark/system appearance.
  • Built with Next.js, Tailwind CSS, daisyUI, and Lucide React icons.
Pomodoro Tasks web app, view 1Pomodoro Tasks web app, view 1

Gaming Diary

  • React
  • RAWG API
  • REST
  • Personal web app for discovering, organizing, and tracking video games.
  • Uses the RAWG API to display game data, scores, platforms, and releases.
  • Includes curated lists such as popular games, new games, and top-rated games.
  • Allows users to save played games and create a personal wishlist.
  • Built as a responsive app for working with external API data and dynamic content.
Gaming Diary game tracking app, view 1Gaming Diary game tracking app, view 1
Visit

SMBK Business Website

  • HTML
  • CSS
  • JavaScript
  • Simple custom website for a Croatian craft business owner.
  • Designed as a clean online presence with basic business information.
  • Focused on direct contact and clear presentation instead of unnecessary complexity.
  • Includes an interactive contact card with hover animation.
  • Built with HTML, CSS, and JavaScript.
SMBK business website, desktop viewSMBK business website, mobile view