Blog · 2026-08-01
2025-02-08-ld-devs-ai-portal
--- title: "Building an AI portal: authentication, chat & admin in one" slug: ld-devs-ai-portal category: "Project" date: 2025-02-08 standfirst: "The LD Devs AI Portal was one of my first serious full-stack builds of 2025 — a managed AI web application bringing together user authentication, a real-time chat interface, a dashboard, and a full admin panel." tags: - AI - Case Study - TypeScript - React published: false featured: false ---
The LD Devs AI Portal was one of my first serious full-stack builds of 2025 — a proper web application bringing together everything a managed AI product needs out of the box: user authentication, a chat interface, a dashboard, and a full admin panel.
Built with React 18 and TypeScript, using Vite for the build tooling, Tailwind CSS for styling, and Supabase as the backend — handling both the database and authentication layer.
What it includes: a secure login page via Supabase Auth, a central dashboard for activity and portal stats, a conversational AI chat interface, and a comprehensive admin panel for managing the portal. The admin panel alone is extensive — managing users, system settings, and monitoring all from one interface required careful state management using React Context across the whole application.
The Supabase integration was the most interesting engineering challenge here. Supabase handles so much out of the box — auth, database, real-time subscriptions — but wiring it cleanly into a React context architecture takes deliberate planning. Getting the auth state to propagate correctly across all pages without unnecessary re-renders required careful design.
This project gave me a solid foundation that I now reuse across client work. A well-structured AI portal scaffold saves hours every time a new project comes in.
Tech stack: React 18, TypeScript, Vite, Tailwind CSS, Supabase.
By Lee Day · leeday.uk · UK-wide support