Hi everyone! 👋
My name is Harun. I am 12 years old.
I don't own a laptop or a PC. My entire development environment is a POCO C55 Android phone and a free code editor called Acode.
Today, on my school holiday, I decided to stop watching tutorials and actually ship something. I built KODA, a full-stack AI coding mentor.
llama-3.1-70b-versatile
model for speed).Building on mobile is hard. The screen is small, and debugging is painful.
1. The Mobile Viewport Trap:
I used height: 100vh
for my app container. On desktop, it's fine. On mobile Chrome, the address bar hides part of the screen, pushing my input box off the bottom!
The Fix: I had to switch to height: 100%
on the html, body
and use env(safe-area-inset-bottom)
to glue the input area above the navigation bar.
2. The Supabase RLS Silent Killer:
My profiles
table was updating, but my chats
table was empty. No errors in the console.
The Fix: I realized RLS (Row Level Security) was blocking inserts because I hadn't granted permissions to the authenticated
role. I wrote a SQL script to GRANT ALL ON public.chats TO authenticated
and suddenly, the data started flowing.
My older brother (an engineering student) was my first beta tester.
He opened the app and typed: "Vanakam da mapila" (Hello friend/brother-in-law in Tamil). When I teased him for treating the AI like a person, he replied: "THAT'S MY FRIEND TEXTING YOU, IDIOT." 😂
That was the moment I knew the product felt "alive."
I deployed it live on Netlify. It has multi-chat history, code syntax highlighting, and a "Panic" button that explains things "Like I'm 5."
Live Link: koda-aicodementor.netlify.app Since I am learning solo, I would love for senior developers to roast my code or tell me what to build next.
Thanks for reading my story!