Följ:

Project
Archive

A deep dive into the systems, agents, and applications running the N4LT4 ecosystem.

Matkollen

Smart Matplanering & Prisjämförelse
Next.js React Framer Motion Cheerio
Vad det är

En heltäckande plattform för att jämföra lokala matpriser (Willys, Coop, ICA) och hitta veckans allra bästa erbjudanden.

Problemet

Att hålla koll på matpriser och extrapriser i lokala butiker är rörigt och gör budgeterad matplanering svårare än det behöver vara.

Hur det är byggt

Frontend är byggt i Next.js (React) med snygga animationer (Framer Motion). Bakom kulisserna ligger automatiserad "web scraping" (Cheerio) som hämtar in butikernas priser i bakgrunden.

Så fungerar det

Applikationen knyter ihop veckans billigaste rabatter med inspirerande recept, vilket låter användaren skapa budgetsmarta matsedlar baserade på vad som är billigast i staden just nu.

Oden & Hermes

Autonom AI-Assistent
Node.js Express Python Ollama Llama 3.2
Vad det är

En dynamisk, fullskalig AI-drivande personlighet och chattassistent för Twitch och Discord.

Problemet

Att underhålla en stream-chatt eller Discord-server kräver hög mänsklig närvaro. Det saknades en intelligent bot som kunde interagera organiskt och lösa support automatiskt.

Hur det är byggt

Utvecklad i Node.js och Express, kopplat mot lokala Python-miljöer. Den drivs av egna lokala AI-modeller vilket ger hundra procent kontroll över output.

Så fungerar det

Boten bevakar och svarar i realtid med en egen "cynisk" personlighet. Den har även ett "Mentor Mode" som kan övervaka arbetsmappar (oden_workspace) och korrigera kodfel autonomt.

Twitch IRL-Watchdog

Nätverkssäkerhet & Dashboards
Node.js WebSockets Next.js Radix UI
Vad det är

Ett nätverkssäkerhetssystem baserat på digitala "honeypots" och moderna kontrollpaneler.

Problemet

Säkerheten i stora, realtidsbaserade streaming-miljöer är enormt svår att upprätthålla, speciellt när det gäller att upptäcka anonyma "troll" snabbt.

Hur det är byggt

Watchdog-spåraren drivs via Node.js med blixtsnabba WebSockets. Resultaten visualiseras sedan i snygga grafiska miljöer byggda i Next.js och Radix UI.

Så fungerar det

Verktyget lockar skadliga användare till säkra "fällor" och loggar deras närvaro/IP. Datan skickas sedan till de digitala Dashboard-systemen ("Case Files") där administratörer direkt kan blockera hotet.

Agent Worker

Local Controller för AI
TypeScript Node.js Axios MongoDB
Vad det är

Specialiserade nätverksarbetare och agenter som styr asynkrona processer.

Problemet

Hur bygger man ett system i bakgrunden som klarar av avancerade administrativa loopar – utan att de överbelastar eller fryser frontenden?

Hur det är byggt

Blixtsnabb backend skriven i TypeScript och Node.js, med Axios för kommunikation och databashantering via Mongoose/MongoDB.

Så fungerar det

Istället för att användaren beräknar datan på sin enhet, överlämnar frontend-dashboarden alla uppgifter till dessa "workers" i bakgrunden, som sedan kontaktar de stora AI-modellerna och levererar tillbaka resultatet.

NemoClaw

AI Agent Flow
Python FastAPI Langchain CrewAI
Vad det är

En avancerad backend-arkitektur dedikerad helt för maskininlärning och AI-komplexitet.

Problemet

Komplexa utvecklaruppgifter (scripting/research) kräver ofta många manuella steg som att söka information, spara det och bearbeta det.

Hur det är byggt

Tung serveruppsättning i Python, med FastAPI som motor, integrerat med språkverktygen Langchain och CrewAI.

Så fungerar det

Plattformen agerar som en chef åt andra AI:s. NemoClaw kan delegera ut arbetsuppgifter (typ "sök nätet efter detta", "koda det här scriptet") till en arsenal av mini-AI-agenter som pratar med varandra.

Min Ekonomi

Säker Budget-applikation
Vanilla JS HTML/CSS PHP
Vad det är

En responsiv, privat applikation för hantering av daglig budgetering och kategoriserade utgifter.

Problemet

Många budgetappar är onödigt röriga, kommersiella och långsamma. Behovet var ett minimalt, blixtsnabbt gränssnitt för snabb insättning.

Hur det är byggt

Ren och skär Vanilla (Plain) JavaScript, HTML och CSS – 0% väntetider. Backend sköts av ett direktkopplat och optimerat PHP-API.

Så fungerar det

Ett system där all logik och data sparas strukturerat via snabba JSON-processer. Genererar automatiskt live-tabeller över ekonomin. Bevisar stenhård kompetens av kodning utan tunga ramverk.

Sweden Map API

Headless Kartdata
Node.js MongoDB REST API
Vad det är

En "Headless" backend-tjänst för att servera kartdata.

Problemet

En total brist på enklare, moderna och lätthanterliga geografiska databassystem knutet enbart till svenska regioner.

Hur det är byggt

Byggt med Node.js och strukturerad storskaligt upp mot en MongoDB databas.

Så fungerar det

Ett kraftfullt API som externa appar kan hämta ifrån när de snabbt behöver validera specifik data eller regioner över en svensk domän.

Bloggen

Content Skrapare
Node.js Axios Cheerio MongoDB
Vad det är

En automatiserad artikel- och nätverksskrapare.

Problemet

Att hitta den relevanta och intressanta texten på stora bloggnätverk stjäl otroligt mycket tid.

Hur det är byggt

API- och databashantering via Node.js och Axios, parat med parsern Cheerio.

Så fungerar det

Programmet samlar automatiskt in, filtrerar och strukturerar relevant läsning direkt från nätets källkod via script och cachar det i MongoDB.

Mygel

Spel
Vite React Canvas Express
Vad det är

En interaktiv webbupplevelse med starkt asynkront fokus.

Problemet

En app måste kunna rendera tunga interaktiva element omgående men bibehålla en stabil backend för hantering av data.

Hur det är byggt

En frontend driven av det blixtsnabba react-byggverktyget Vite, hopmonterad med dynamiska Canvas bibliotek. Ligger kant i kant mot en lokal Express-server.

Så fungerar det

Låter användaren interagera lekfullt via ett responsivt och färgglatt gränssnitt, med omedelbar feedback tack vare Vite's komprimering.

Mordmysteriet

Digital Ledtrådsvy
React V0 Radix UI
Vad det är

Ett interaktivt UI/Story-verktyg kopplat till ett fiktivt spelande.

Problemet

Analoga spel är svåra att uppdatera. Ett sällskapsspel saknade ett snyggt knutet digitalt interface som höll stämningen uppe.

Hur det är byggt

Uppbyggt i React och stilat via smarta V0-genereringar samt responsiva insticks-komponenter som Radix UI Accordions.

Så fungerar det

Deltagarna kan med ett snabbt pekgränssnitt klicka sig djupt ner i digitala ledtrådar utan konstig laddningslogik.

Frozen Shadows

An Audio Experience
Audio Production Storytelling Worldbuilding Concept Art
Vad det är

Ett fryst landskap, hemsökt av gamla andar. Utforska mysteriet i min kommande ljudbok där varje skugga bär på en hemlighet.

Problemet

Att bygga upp en fängslande och levande värld utan visuell hjälp, och skapa en dyster och ensam atmosfär enbart genom ljud och röstskådespel.

Hur det är byggt

Projektet grundar sig i ett gediget världsbygge. Innan ljudet spelas in ritas konceptbilder upp för att hitta exakt rätt ton och "feel" för karaktärerna.

Så fungerar det

Ett nytt spännande koncept att kombinera ljud och berättande. Just nu formas bakgrundsberättelsen för att perfekt matcha det mörka, atmosfäriska röstskådespelet.

IoT UI

Home Assistant Design
YAML HTML/CSS Home Assistant
Vad det är

En injektion av anpassad kod satt direkt på hemautomations-servrar (IoT).

Problemet

Utseendet på "Smarta Hems" paneler är tyvärr väldigt tråkiga. Det krävdes skräddarsydd kod för att forma en egen design.

Hur det är byggt

Modifiering av systemkritiska YAML-konfigurationer blandat med rena webbarkiv för att frångå standardtema.

Så fungerar det

Omkodar bland annat sophämtnings-sensorer och tidsgränssnitt för att passa en betydligt snyggare helhetslösning på en wall-mounted surfplatta.

ComfyUI Env

Lokal AI Generation
Python Stable Diffusion ComfyUI
Vad det är

En helt integrerad Stable Diffusion-portal.

Problemet

Att köpa dyra krediter (tokens) för att generera AI-bilder i tjänster som Midjourney är ohållbart i stort format. Man vill äga tekniken själv.

Hur det är byggt

Uppsättning av portabla Python-miljöer och "workflows" direkt hårdkodade för lokala grafikkort.

Så fungerar det

Systemet används för att grafiskt generera ocensurerade miljöer, assets och avancerad AI-konst som kräver extrem bandbredd lokalt för andra webbprojekt.

Träningsapp

Transformation (Workout)
Markdown Git Data Tracking
Vad det är

Ett systemarkitekturellt angreppssätt på ett kroppsligt projekt via kod.

Problemet

Brist på träningsapp.

Hur det är byggt

Ett väldokumenterat repositorium primärt via Markdown.

Så fungerar det

Förvandlar osäkra personliga mål till en exakt vetenskaplig plan fram till ett slutdatum.

Valley Of The North

Indie Spelutveckling
GameMaker Level Design Storytelling Concept Art
Vad det är

Ett atmosfäriskt indiespel som utspelar sig i norrskenets land. En resa från de allra första pixlarna till en levande, spelbar värld.

Problemet

Att ta ett storslaget spelkoncept från idé till verklighet utan att fastna i "scope creep", samt att välja rätt spelmotor för jobbet.

Hur det är byggt

Efter teknisk utvärdering (och bra samtal med Krypar'N) föll valet på GameMaker framför Godot. Grunden byggs med starkt fokus på story och design.

Så fungerar det

Projektet är just nu i en gedigen planeringsfas. Vapen, banupplägg och story spikas innan själva kodningen tar över. Målet är glasklart: Håll det litet nog för att faktiskt bli klart!

Dashboard

Retroevent
HTML CSS Vanilla JS
Vad det är

Dashboard för föreningen Retroevent.

Problemet

Att bevisa att roliga koncept inte kräver tunga och långsamma ramverk.

Hur det är byggt

Klassisk front-end (HTML/JS).

Så fungerar det

Utlånesida, fordonssida med all info så som besiktning, eventkalender m.m.