ICHack: Pathfinder AI

This app allows you to visualise the outcomes of your actions using Claude AI. It creates a decision tree around the thing that you want to look into. You start by giving a prompt ( ), and the app sends you 3-4 questions related to your prompt.

After answering those questions on the right, you will receive 3-4 possible outcomes that you can further look into. In clicking one, you get:

Once again, you will fill out the questions and it will generate another set of possible outcomes originating from the prompt at the top.

That’s mostly the premise of the app, you can check out these links for more examples: https://ic.mkutay.dev/e9c71fd9-bdb5-47e0-ae51-55c3eddabfc1, https://ic.mkutay.dev/4b651f38-7c99-4961-8b46-ca2a318d9ba9, https://ic.mkutay.dev/5c2b7cad-8e83-4f21-a360-c73418d293ca

Architecture

As a team of six, we ( ) worked on this project for 24 hours ( ). It is a simple Next.js website with a Postgres DB.

One of the interesting things was designing the tree structure in the database and accessing it from the code. I’ve added two columns to the scenarios table: parenparent_scenario_id and scenario_ids — a two way relationship for the edges of the tree. In the code, I’ve created the function getRecursiveHistory to get the full history.

All the solutions are a bit hacky and the code is… let’s say, not ideal. But it works! And it was really fun to create this.

See the repo for the code.

Conclusions?

At the time, it felt like it was a really huge project, but after building other things on my own ( ), I probably could’ve built this in less than five hours.