Skip to content

Junior Web Developer · Portfolio 2026

Hi, I'm Ivan.

I build web interfaces with React, Next.js and TypeScript. In September 2026 I successfully completed the university course “Modern Web Development” by FH Kärnten at Coding School Wörthersee – these are the projects I built along the way.

View projects Get in touch Résumé (PDF)
Role
Junior Web Developer
Training
Modern Web Development (FH Kärnten, 30 ECTS) – completed 09/2026
Location
Wolfsberg, Carinthia (Austria)
Work mode
Remote worldwide, or on-site with relocation support
Focus
React, Next.js, TypeScript
Languages
German, English, Croatian
Status
Looking for a job
Growth
Open to new areas, e.g. backend
01

About me

I'm Ivan, a junior web developer from Wolfsberg in Carinthia, Austria. Before that I worked as an industrial insulator and a COVID test assistant, among other jobs – moving into IT was a deliberate decision. Those jobs taught me to work precisely and to stay calm under pressure, which helps me when programming, especially when tracking down bugs.

From March to September 2026 I completed the university course “Modern Web Development” by FH Kärnten at Coding School & Academy Wörthersee, earning 30 ECTS – from HTML, CSS and JavaScript to React, Next.js and TypeScript. Accessibility was part of my projects from the start. Next, I want to gain experience in a real team – and keep learning beyond the frontend.

02

Projects

What I've built since March 2026 – first the projects I built on my own, then team projects and more.

  1. Screenshot of Course Manager

    01Jul 2026React & Next.js

    Course Manager

    Mini learning platform

    A small learning platform for managing courses – a Next.js frontend (App Router) that loads its data through the API of a Strapi headless CMS.

    • Create, edit and delete courses via the Strapi API
    • Validated forms with React Hook Form + Zod
    • Data fetching & caching with TanStack Query
    • Next.js
    • TypeScript
    • Strapi
    • Tailwind CSS
    • Axios
    • React Hook Form

    Private repository · code available on request

  2. 02

    Jul 2026React & Next.js

    Todo App

    Task manager

    A task manager built with Next.js and TypeScript: create tasks, tick them off, rename them right in the list and delete them – stored through the API of a Strapi headless CMS.

    • A custom hook for every operation (useTodos, useCreateTodo, useUpdateTodo, useDeleteTodo) with TanStack Query
    • New tasks are validated with Zod
    • Inline editing and done state, responsive layout with shadcn/ui
    • Next.js
    • TypeScript
    • TanStack Query
    • Zod
    • Axios
    • Strapi
    • shadcn/ui

    Private repository · code available on request

  3. Screenshot of Multi-Step Form

    03Jun 2026React & Next.js

    Multi-Step Form

    Guided form flow

    A two-step sign-up form with a progress indicator. Each step is checked before moving on; submitted sign-ups appear in a list.

    • Per-step validation with React Hook Form + Zod – “Next” only unlocks when everything is valid
    • Clear error messages right at the field (e.g. phone number, postcode)
    • List of all sign-ups with an expandable detail view and delete
    • Next.js
    • TypeScript
    • React Hook Form
    • Zod
    • Tailwind CSS

    Private repository · code available on request

  4. Screenshot of Quiz App

    04May 2026JavaScript

    Quiz App

    Interactive quiz

    An interactive quiz with a results overview at the end and a history of previous attempts.

    • Score & results overview
    • Quiz history
    • Dynamic DOM rendering
    • JavaScript
    • HTML
    • Tailwind CSS
    View live

    Private repository · code available on request

  5. Screenshot of Rick and Morty Wiki

    05May 2026JavaScript

    Rick and Morty Wiki

    API explorer

    A wiki built on the public Rick and Morty API: browse and filter characters, locations and episodes.

    • Three sections (characters, locations, episodes) from one API
    • Live filter over the results
    • Detail view loads linked data in parallel with Promise.all
    • JavaScript
    • Tailwind CSS
    • REST API
    View live

    Private repository · code available on request

  6. Screenshot of Disney Character Explorer

    06May 2026JavaScript

    Disney Character Explorer

    Pagination exercise

    Browse Disney characters from a public API – with page navigation (pagination).

    • Paginated API data
    • Page navigation
    • Loading states
    • JavaScript
    • Tailwind CSS
    • REST API
    View live

    Private repository · code available on request

More projects

Team projects from my training and two more API projects.

  • Jul – Aug 2026

    Let's Stay HydratedBeverage management · Challenge 3

    Team project

    Beverage management for organisations with role-based access control, stock tracking and a simple payment system. The Next.js frontend talks directly to Supabase's REST API (PostgREST + GoTrue) – without the SDK.

    • Next.js
    • TypeScript
    • Supabase
    • TanStack Query
    • Zod
    • shadcn/ui
    • Motion

  • May 2026

    SmashPro Course BookingTeam project · Challenge 2

    Team project

    A platform for managing and booking courses. Users book courses, administrators manage them in a dedicated dashboard. Built as a team with clearly split responsibilities.

    • JavaScript
    • HTML
    • Tailwind CSS

  • May 2026

    Weather AppLive weather dashboard

    Weather app with login and sign-up screens and an overview of active cities – live data from a weather API.

    • JavaScript
    • Tailwind CSS
    • REST API

  • May 2026

    DogWikiDog breed encyclopedia

    A dog breed wiki: pick a group and explore the matching breeds.

    • JavaScript
    • Tailwind CSS
    • REST API
    View live
03

Skills

Languages
TypeScript · JavaScript · HTML · CSS
Frameworks
React · Next.js (App Router) · Tailwind CSS · shadcn/ui
Data & state
TanStack Query · Axios · React Hook Form · Zod
APIs
REST APIs · Supabase REST API · Strapi (headless CMS)
Tooling
Git & GitLab · Vitest · ESLint · npm
04

Journey

  1. Mar – Apr 2026

    Foundations

    Git basics, semantic HTML, CSS and Tailwind. First landing pages, a shopping cart and an accessible portfolio.

  2. May 2026

    JavaScript & APIs

    DOM, async/await and public APIs: Rick and Morty wiki, Disney explorer with pagination, DogWiki, quiz and weather app.

  3. Jun 2026

    React & Next.js

    Thinking in components, typed forms with React Hook Form and Zod, multi-step flows.

  4. Jul – Aug 2026

    Next.js apps with real APIs

    Next.js frontends loading data from Strapi and the Supabase REST API, data fetching with TanStack Query and views based on user roles.

  5. Sep 2026

    Graduation

    Successfully completed the university course “Modern Web Development” by FH Kärnten (30 ECTS) at Coding School & Academy Wörthersee.

05

Contact

I'm looking for my first role as a junior developer – remote from anywhere or on-site if relocation support is available.

Frontend is where I started, not where I stop: I love to keep learning and I'm open to growing towards backend or other areas.

GitLab