KF

My Projects

From personal projects to professional work, see how I bring ideas to life with code.

Client Projects

Hybryd Band WebsiteClient

Hybryd Band Website

Hybryd logoHybryd

An interactive Website for a Local Band. Logo and color scheme created as well. Includes a blog post wall for live updates to fans, a Media wall for Photos and Videos, Past and Upcoming Gigs, Members, Timeline and Contact pages. All of the content on the website is editable via the no-code console, secured by tight SQL policies on the database, even allowing Hybryd to create and delete completely new pages without any hassle or code.

ReactJavaScriptTailwind CSSHTMLCSSSupabase
  • No-Code Console
  • Editable Content
  • Custom Logo

Personal Projects

Jarvis Web ApplicationPersonal

Jarvis Web Application

Jarvis logoJarvis

This is the project I have spent the most time on. A full-stack web application. The Front-End, a Jarvis themed UI fit with a comprehensive Chat Logs page, Apps and a Settings Editor. The backend, also written in Javascript, connects handfuls of API data to the specified model endpoint on Groq allowing the model to intelligently decide between tons of data sources and action API's to perform real world actions like interact with Home Assistant devices or even search the web, get the weather and connect to multiple UK Government API's and even read / write your google data such as contacts, calendar, forms, tasks, gmail and drive. The server streams back the model response along with live generated TTS in the voice of Paul Bettany (Jarvis MCU), giving lightning fast responses back to the User. The front-end is also build for STT input, saving previous transcripts to give Jarvis contextual awareness into what is going on around you. Thanks to NLU, Jarvis can also intelligently decide if and when (depending on proactivity settings) to interrupt the conversation to provide useful information.

ReactJavaScriptTailwind CSSAnimate.cssHTMLCSSSupabaseGroq
  • Full-Stack
  • Custom TTS
  • STT Input
Personal PortfolioPersonal

Personal Portfolio

This is my personal portfolio website, built with React, Tailwind CSS, Animate.css and Three JS. It showcases my skills, projects, and experience in a clean and modern design. The site is fully responsive and optimized for performance, ensuring a smooth user experience across all devices.

ReactJavaScriptTailwind CSSHTMLCSSThree.jsAnimate.css
  • Responsive Design
  • Performance Optimized
  • Modern UI
Gormet GrillPersonal

Gormet Grill

Gormet Grill is a multipage design showcase built to demonstrate a polished booking and menu experience. The site focuses on clean, mobile-first layouts, an intuitive booking flow, and a visual menu that highlights dishes with thoughtful micro-interactions. Built as a design-forward prototype rather than a full backend, it still simulates a complete customer journey — from browsing the menu to reserving a table — and showcases how motion and layout can elevate a restaurant brand.

Next.jsReactTailwind CSSFramer MotionNetlify
  • Multipage Menu
  • Booking Flow (UI)
  • Responsive & Mobile First