KF

Web Developer

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

About Me

I'm a self taught web developer with a passion for creating functional, easy-to-use websites with great user experiences.

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
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

My Toolbox

Here are some of the tools and technologies I use to build my projects.

Next.js
Framer Motion
Tailwind
Supabase
Node.js

These are just a few of the tools I use regularly. I am always learning and exploring new technologies to expand my skill set.

Industry Standard

I work with industry standard tools and technologies to ensure that my projects are built to the highest expectations.

From design to deployment, I follow best practices to deliver high-quality results.

Get In Touch

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions. Feel free to reach out!