Blending storytelling with XR, web dev, and UI/UX ✍️ 
A creative developer building immersive experiences ✨

jakobgarde | Linktree

Web Dev

XR Projects

Video Production

Visit Website

Designed and developed a comprehensive business website using Next.js, TypeScript, and Tailwind CSS with Payload CMS for content management. Handled complete UI/UX design process from wireframes to final implementation, creating a clean, accessible interface that serves both clients and administrative users.

Currently implementing Rive animations to enhance user engagement and applying SEO best practices to improve search visibility. The project showcases my ability to deliver production-ready web applications with modern tech stacks while maintaining design consistency and performance optimization.

Tech Stack: Next.js, TypeScript, Tailwind CSS, Payload CMS, Figma, Rive

Synstolkning.dk (Full-Stack | UI/UX | SEO)

Video Showcase

AI Integration | Full-Stack Development | Educational Technology

Built an intelligent educational platform that automatically generates contextual mathematical problems using generative AI. The system combines a React frontend with TypeScript and Tailwind CSS, integrated with a custom .NET backend leveraging OpenAI API and Semantic Kernel for AI orchestration.

The application demonstrates practical AI integration in education, creating personalized learning experiences that adapt to student needs. Features include real-time problem generation, context-aware suggestions, and an intuitive interface designed for both students and educators.

This project showcases my ability to architect full-stack applications that meaningfully integrate AI capabilities while maintaining clean code and user-centered design principles.

Tech Stack: React, TypeScript, Tailwind CSS, .NET, OpenAI API, Semantic Kernel

AI-Powered Math Learning System (Bachelor's Thesis)

3D Web Development | Interactive Visualization | Algorithm Implementation

Created an interactive 3D web application for experimenting with reinforcement learning algorithms using React Three Fiber (R3F). The project features real-time visualization of AI agents learning to navigate environments, with an intuitive UI for adjusting parameters and observing learning progress.

Built with performance optimization in mind using Vite.js for fast development and Tailwind CSS for responsive styling. The interface makes complex ML concepts accessible through interactive 3D visualization, allowing users to understand how RL algorithms evolve over time.

Demonstrates proficiency in 3D web technologies, performance optimization, and translating technical concepts into engaging user experiences.

Tech Stack: React Three Fiber, Three.js, Vite.js, TypeScript, Tailwind CSS

RL Racer - 3D Reinforcement Learning Environment

Website Archive

Brand Identity Design | React Development | Design Systems

Designed and developed the complete digital platform for Copenhagen's TheNextFilmFestival, creating a cohesive visual identity from concept to implementation. Established comprehensive design guide including color palette, typography system, and reusable component library that continues to be used for subsequent festival editions.

Built the responsive website using React, focusing on creating an engaging user experience that effectively showcases film content and festival information. The design system approach ensured consistency across all digital touchpoints while maintaining flexibility for future updates.

This project highlights my ability to lead both design and development, creating scalable solutions that serve long-term brand needs.

Tech Stack: React, Figma, Design Systems, UI/UX Design

TheNextFilmFestival - Digital Festival Program

Combining our skills from "AR/VR 2" and "Hardware and Robotics 2," our team created a mixed reality experience that immerses the user in an alien command center. We built a wireless robot car with a live camera feed, which served as our "earth rover."

Within the VR experience, developed in Unity, the user takes control of the rover from the cockpit of a spaceship. A live video feed from the robot's camera is streamed to a virtual control panel, seamlessly blending the real world with the virtual environment—a perfect example of augmented virtuality. We also planned future missions that would challenge the user to creatively identify Earth objects from an alien's perspective.

MR Earth Rover

As our final project for the "Learning Technologies" course, we created an engaging VR experience to promote vocational studies to secondary school students. Our project immerses students in the daily life of a forester, developed in Unity using the Meta XR SDK.

The experience kicks off with a 360-degree video tour, where a forester named Marius explains the process of felling a tree. After a quick tutorial, students get to operate a virtual chainsaw for a hands-on logging exercise. The experience concludes with a final challenge: climbing a tree, a key skill for any forester.

VR Forester

We designed and 3D printed a custom steering wheel with an integrated microcontroller and potentiometer to track its rotation. This was connected over WiFi to a simple driving simulator we built in Unity.
By adding hand tracking, we made the VR experience more immersive, allowing the user to see both their hands and the virtual wheel in the digital world.

Tangible VR Driving

Cinematographer for this short film which was directed by Maria Dubin and part of her big art project "The Secret Garden" for the Radiation Therapy Clinic 3981 at Rigshospitalet.

Women in Red - The Secret Garden (Cinematographer)

Watch the Documentary

Created this documentary with Moritz Fischinger AKA Morty Films (mortyfilms.com).
Was head responsible for screenwriting/planning, while Morits head responsible of cinematography. But mostly everything was made together.

Aesthetics | Short Documentary (Co-Production)

Watch the Video

I had full responsibility for the production of this art talk video, produced for artist Anders Moseholm.

Helped preparing the interview, did the lighting, audio recording, cinematography, video-editing, audio mixing, and color grading.

Anders Moseholm Art Talk (Full Production)

Did the production and postproduction of this artist profile of Jane Balsgaard.
Was in charge of the lighting, audio recording, cinematography, video-editing, audio mixing, and color grading.

jakobgarde

Blending storytelling with XR, web dev, and UI/UX ✍️ A creative developer building immersive experiences ✨

Web Dev

XR Projects

Video Production

About this account

More from Linktree