# React Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/react?page=5
> Markdown URL: https://aitinkerers.org/technologies/react.md?page=5
> Technology record last updated: 2026-09-18T15:13:52Z
> Generated: 2026-09-20T20:37:23Z

React is an open-source JavaScript library for building dynamic user interfaces (UIs).

React is a component-based JavaScript library, developed by Meta (Facebook), engineered for building fast, declarative UIs. It mandates a one-way data flow and utilizes a Virtual DOM mechanism to ensure efficient, predictable updates to the user interface. Developers construct complex UIs by composing small, encapsulated components; this architecture promotes code reusability and simplifies state management across large applications. The library employs JSX (a syntax extension) to integrate HTML-like markup directly within JavaScript logic, supporting development for both web (React DOM) and native mobile platforms (React Native).

- Official technology site: https://react.dev/
- Public AI Tinkerers demos and talks: 219
- Result page: 5 of 10

## Recent Public Talks and Demos

### [Securing AI agent apps from identity perspectives](https://sydney.aitinkerers.org/talks/rsvp_mG9DEBJjWJQ)

I will be presenting identity challenges for Gen AI applications and how to solve those challenges with Auth0, with a particular focus on authorization for RAG to prevent the disclosure of sensitive information.

- Event context: Trust and Security in AI - Sydney Demo Night — 2025-12-11 — Sydney
- Public talk page: https://sydney.aitinkerers.org/talks/rsvp_mG9DEBJjWJQ

### [Meet DARIA, the cutest little AI that's about to make grading disappear!](https://raleigh.aitinkerers.org/talks/rsvp_qnfkRrKy0hk)

I will demo the application and code for DARIA (Data-driven Assessment for Real-world Inquiry and Application), a prototype tool focused on making high-quality, project-based learning scalable for technical instructors. The demo will focus on the technical implementation of the multi-modal data pipeline, which handles complex submissions (e.g., a .md or .pdf containing code, outputs, and visualizations) and prepares them for assessment. I will show the strategies for fine-tuning a specialized multi-modal model to handle this combined input, and discuss the methods used for securing the model while providing structured, rubric-aligned output. This is a deep dive into the code behind building an effective, complex assessment engine.

- Event context: Raleigh AI Tinkerers: Second Meetup — 2025-12-10 — Raleigh
- Public talk page: https://raleigh.aitinkerers.org/talks/rsvp_qnfkRrKy0hk

### [Utilizing Synthetic Datasets for Sales prospects](https://bremen.aitinkerers.org/talks/rsvp_biHQs4nN1kk)

How synthetic B2B personas/scenarios thanks to LLM enable sales reps and account managers to prepare for sales calls We will generate tailored sales insights in minutes and even check latest news for particular stakeholders based on location.

- Event context: AI Tinkerers Bremen — 2025-12-10 — Bremen
- Public talk page: https://bremen.aitinkerers.org/talks/rsvp_biHQs4nN1kk

### [AI-First Clinical Trials: Building an Intelligent EDC System with Event Sourcing & Machine Learning](https://chicago.aitinkerers.org/talks/rsvp_N4ANMSrlGx4)

Clinical trials are the backbone of modern medicine, yet they're plagued by antiquated software built in the early 2000s. Data quality issues cost the pharmaceutical industry billions annually, with error rates of 5-8% being the norm. What if AI could reduce that to 1.3%? In this talk, I'll share how we built ClinPrecision, a next-generation Electronic Data Capture (EDC) system that leverages AI and modern architecture to transform clinical research. We've created an intelligent platform that: 1) Predicts and prevents data errors using real-time ML-powered validation (95% reduction in data queries) 2) Auto-codes medical terminology with 95% accuracy using NLP (60% faster than manual coding) 3) Scores site risk using AI to detect patterns across 100+ clinical sites (45% reduction in monitoring costs) 4) Flags critical lab values automatically to save lives in real-time safety monitoring Technical Deep Dive: You'll learn how we combined: 1) Event Sourcing (Axon Framework) for complete audit trails - critical for FDA compliance (21 CFR Part 11) 2) Domain-Driven Design to model complex clinical trial workflows 3) React + TypeScript + Tailwind for a modern UX that achieves 4.7/5 user satisfaction 4) Spring Boot + MySQL for a scalable, multi-tenant architecture 5) Machine Learning for intelligent auto-coding, risk scoring, and outlier detection Real-World Impact: This isn't theoretical - we're solving real problems: 1) 50% faster study startup (4-6 weeks vs 12-16 weeks industry standard) 2) 60% faster SAE reporting (12 hours vs 30+ hours for safety events) 3) 40-60% lower cost than legacy systems (Medidata Rave, Oracle InForm) 4) Successfully handling Phase I-IV trials for pharma, biotech, and academic institutions What You'll Take Away: 1) How to apply event sourcing in healthcare/regulated industries 2) AI/ML patterns for real-time data validation and quality monitoring 3) Strategies for disrupting legacy enterprise software with modern tech 4) Domain-Driven Design in practice for complex business domains 5) Building compliant systems (HIPAA, FDA, GDPR) with modern architecture

- Event context: AI Tinkerers Chicago December Meetup ft Turing — 2025-12-09 — Chicago
- Public talk page: https://chicago.aitinkerers.org/talks/rsvp_N4ANMSrlGx4

### [MindServe AI: Real-Time GPU-Powered Computer Vision + RAG Coaching Pipeline](https://nyc.aitinkerers.org/talks/rsvp_GzawB-Spyz0)

MindServe AI is a fully-deployed real-time inference system that analyzes tennis match video on GPU and streams structured coaching insight back to the user. The backend runs YOLOv8 + MediaPipe pose models in parallel, detects rallies using a state machine, and pushes frame overlays via WebSockets as processing happens. At the same time, structured match data is fed into a retrieval-augmented coaching engine using Pinecone + LLM reasoning to provide mental-performance feedback. This talk will walk through the full infrastructure stack — from GPU scheduling to async model serving to vector-database-driven reasoning — all demonstrated live with running code.

- Event context: The Future of AI Infrastructure (Ft. Oracle & NVIDIA) — 2025-12-09 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_GzawB-Spyz0

### [Building agentic experience in ChatGPT Apps: MCP Meets UI](https://paris.aitinkerers.org/talks/rsvp_pjXS0CFNnqc)

I'll be presenting the tips that we have learned since building & prototyping ChatGPT Apps, and which key design principles we have learnt, including : - How to adapt your MCP Server Tool to make ChatGPT aware that it contains a UI - How to interact seamlessly with the agent straight from your application - And quickly present our framework, skybridge, that ease development.

- Event context: Turn Your Knowledge into an API for LLMs - Meetup — 2025-12-09 — Paris
- Public talk page: https://paris.aitinkerers.org/talks/rsvp_pjXS0CFNnqc

### [Empathetic Development: Ship the Right Features Before You Write Code](https://seattle.aitinkerers.org/talks/rsvp_VvfV5_GEQmM)

Live demo showing how embeds real customer personas directly into VSCode to validate every feature decision during development. We'll demo how we use AI personas representing actual demographic segments review your code changes, UI decisions, and feature implementations in real-time—catching product-market fit issues before you ship. We'll show a developer building a feature, getting instant feedback from 5 distinct customer personas, iterating based on their input, and shipping code that's pre-validated by your customers.

- Event context: AI Tinkerers Seattle Meetup: Dev Tools Track — December 8, 2025 — 2025-12-09 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_VvfV5_GEQmM

### [A smart file browser](https://bengaluru.aitinkerers.org/talks/rsvp_8F-6I-uunng)

Diwadi.com is a desktop app. You can have smart triggers for your folder. One can create files like pptx, csv, etc using AI. It downloads open source tts, stt model and make it work offline, so one can do unlimited tts or stt. Apart from this it also has inbuilt preview and edit support for major file types.

- Event context: AI Tinkerers - Bengaluru - November meetup — 2025-11-29 — Bengaluru
- Public talk page: https://bengaluru.aitinkerers.org/talks/rsvp_8F-6I-uunng

### [Let's vibe-code some Linear issues](https://belgrade.aitinkerers.org/talks/rsvp_3cadsfUcBlc)

AI demo gods willing, I will walk you through my typical workflow for solving issues at Linear with agents. Along the way, I'll share advice and lessons learned on how to maintain quality while integrating these new tools.

- Event context: AI Tinkerers Belgrade Opening Meetup with PostHog — November 27, 2025 — 2025-11-27 — Belgrade
- Public talk page: https://belgrade.aitinkerers.org/talks/rsvp_3cadsfUcBlc

### [Super Coool Super Awesome Tennis Serve Analyzer](https://montreal.aitinkerers.org/talks/rsvp_4lDuqbxrR9s)

I love playing tennis, my serve is wildly inconsitent and cost me a lot of games. Instructors are pricey and I'm cheap and don't want to shell out 100$ an hour for someone to feeed me a handle full of tips that I could have googled myself. logically to improve ones serve on might actually just go and practice but that would be far to simple. instead I thought the best way to improve my tennis serve would be to sit behind a keyboard and build an web-app powered by AI to tell me how I'm messing up my serve. It got cold and snow came so I wasn't able to actually use it :( but In the presentation I will walk through the implementaiton details and give a demo

- Event context: AI Tinkerers Montreal: Demo Night — November 20, 2025 — 2025-11-20 — Montreal
- Public talk page: https://montreal.aitinkerers.org/talks/rsvp_4lDuqbxrR9s

### [Ambient Code - Creating an enterprise agentic coding platform that builds itself](https://boston.aitinkerers.org/talks/rsvp_ZHEqQK0TQbw)

A fast, open-source agent-execution platform that unifies frontend (Next.js, React, Tailwind) and backend runners (Python, Claude Agent SDK, Anthropic, websockets, async I/O) into a cohesive system for building local-first, containerized AI agents. The talk walks through architecture, runners, real-time execution flows, and how Ambient-Code enables reproducible agent workspaces for developers.

- Event context: AI Tinkerers Boston Meetup November 2025 — 2025-11-17 — Boston
- Public talk page: https://boston.aitinkerers.org/talks/rsvp_ZHEqQK0TQbw

### [Althy - An AI planner for healthy life balance](https://nyc.aitinkerers.org/talks/rsvp_jIFt5P1O9gg)

An AI-powered planner that can help students and young professionals stay on top of tasks and manage their free time around their goals and interests, maintaining an healthy work-life balance.

- Event context: November Demo Day ft. Google Cloud and CopilotKit — 2025-11-17 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_jIFt5P1O9gg

### [Building VM Fitness Hub — A Headless AI-Powered E-Commerce and Content Platform](https://nyc.aitinkerers.org/talks/rsvp_u6I28r8KaRA)

In this demo, I’ll walk through the technical implementation of VM Fitness Hub, a fully headless e-commerce and content platform built with Next.js, Firebase, Stripe, and Google’s Genkit (Gemini) for personalization. We’ll go line-by-line into how the application connects front-end React components with Firebase server actions, integrates secure Stripe payments, and uses Genkit flows to power two AI features: a Workout Plan Generator that builds weekly routines from structured prompts, and a Shopping Assistant that uses tool-calling to dynamically search product data. The session will focus on code, architecture, and real implementation challenges — including environment configuration, authentication flow design, API security, and SSR optimization in Next.js 14. No slides. No pitch. Just raw build walkthrough: code, debugging, and deployment to Firebase App Hosting.

- Event context: November Demo Day ft. Google Cloud and CopilotKit — 2025-11-17 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_u6I28r8KaRA

### [From Crawl to Chat: Building AI Assistants with Web Crawlers, RAG, and LLMs](https://dubai.aitinkerers.org/talks/rsvp_A-VRYf-mM60)

This talk explores how to build domain-specific AI assistants using web crawling, vector databases (pgvector), and Retrieval-Augmented Generation powered by OpenAI. It walks through an end-to-end system—data ingestion, vector storage, real-time response generation—and includes lessons learned in optimizing latency, retraining pipelines, and orchestrating services with RabbitMQ. The talk also looks ahead: exploring how this system could integrate with recent developments like OpenAI’s ChatGPT Agents and Google’s A2A protocol, transforming the chatbot into a multi-agent AI system. Ideal for ML engineers and developers, the session offers not just code, but vision—bridging today's RAG pipelines with tomorrow’s autonomous AI workflows.

- Event context: AI Tinkerers Dubai Demo Day - November 15, 2025 — 2025-11-15 — Dubai
- Public talk page: https://dubai.aitinkerers.org/talks/rsvp_A-VRYf-mM60

### [Natural Language to Robot Motions](https://seattle.aitinkerers.org/talks/rsvp_xJ2TlLuu5u0)

Zettaware is an agentic robotics platform for robot motion planning.

- Event context: Frontier Builds Demo Night: Experiments at the Edge of AI — 2025-11-13 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_xJ2TlLuu5u0

### [Building a Real-Time Municipal Data Parser: How We Normalized 30 Years of Toronto Zoning By-Laws with AI](https://toronto.aitinkerers.org/talks/rsvp_GLhnd2ZWmik)

We'll walk through how we built ZoningPal's data ingestion and normalization engine that transforms scattered, inconsistent municipal zoning data into structured, query-able intelligence. This is a messy, real-world AI application dealing with: PDF hell: Non-searchable scans, broken links, cross-references across 100+ documents Data chaos: 30+ years of amendments, overlays, exceptions, and site-specific rules with zero standardization Version drift: Multiple conflicting sources that don't agree with each other Accuracy requirements: Every answer needs to link back to the exact by-law clause We'll demo the live system, show actual running code, and share what worked (and what spectacularly failed) when building an AI system that municipal planners and architects trust.

- Event context: AI Tinkerers Toronto - November 2025 Meetup at Shopify! — 2025-11-10 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_GLhnd2ZWmik

### [Live Full-Stack PDF Insights Pipeline: Flask + AWS S3 + React UI](https://nyc.aitinkerers.org/talks/rsvp_u9T-10v0GWo)

I’ll walk through the end-to-end architecture of a full-stack web application that automates product insights and user recommendations using AI. The app uses a React front-end with a Flask backend API to process data pulled from AWS S3 storage, combined with embeddings and basic NLP to make personalized suggestions. This demo will focus on the technical layers, including React component rendering, Python data pipelines, secure REST API routes, and cloud orchestration via AWS.

- Event context: Auth0 x AI Tinkerers: Fall Social Demo Night 🍁 ft. Hex — 2025-11-06 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_u9T-10v0GWo

### [AllSpark: Vibe coding for the semi-technical](https://nyc.aitinkerers.org/talks/rsvp_yo-zI8mzqXc)

AllSpark is a vibe coding platform that guides the builder down a structured path to create all the artifacts needed to for a coding agent to development the full application. Then it orchestrates a coding agent to build the entire application. It’s like Lovable on steroids.

- Event context: Auth0 x AI Tinkerers: Fall Social Demo Night 🍁 ft. Hex — 2025-11-06 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_yo-zI8mzqXc

### [Automated Eval for MCP Servers](https://sf.aitinkerers.org/talks/rsvp_2rUYgdm8xcs)

MCP agents only work if your servers work. But until now, there's been no easy way to test them. We're launching MCPevals.ai, the first automated testing platform for MCP servers. It checks if your server implements auth correctly, works with ChatGPT, Claude, and Cursor, and catches bugs before your users do. It's fully open-source, and we're giving you early access to try it and let us know what's missing!

- Event context: Evals are Over - Evals are Back - AI in Prod @ Okta — 2025-10-31 — San Francisco
- Public talk page: https://sf.aitinkerers.org/talks/rsvp_2rUYgdm8xcs

### [IA médica multimodal: análisis de imágenes medicas y conversación clínica](https://pereira.aitinkerers.org/talks/rsvp_l47r_0l5jY4)

El Medical Imaging Diagnosis Agent es una aplicación web diseñada para asistir en el análisis preliminar de imágenes médicas utilizando inteligencia artificial a través de la API de Google Gemini. Esta herramienta permite a profesionales de la salud y estudiantes de medicina obtener un análisis inicial de imágenes médicas y mantener conversaciones contextuales sobre los hallazgos. La aplicación combina capacidades de análisis de imágenes con un sistema de chat inteligente que mantiene el contexto de análisis previos, proporcionando una experiencia integrada para la interpretación asistida de imágenes médicas.

- Event context: 🔥 AI TINKERERS - PEREIRA🤖 De tareas a sistemas inteligentes: la revolución de la automatización 🔥🤖 — 2025-10-30 — Pereira
- Public talk page: https://pereira.aitinkerers.org/talks/rsvp_l47r_0l5jY4

### [Navigation App Redesigned: L1→L5 Autonomous UX and Agents](https://toronto.aitinkerers.org/talks/rsvp_EuhqqThqmUs)

I'll run a local build of a Toronto-focused, AI-assisted navigation app and walk through the code that implements five levels of autonomy (L1–L5) using a verbs-first UX. Demo flow: Current Maps UI vs. agent-driven future (verbs, not forms) L2 Supervised: Mock incident → side-by-side reroute modal (p50/p90 ETA, reliability %, chaos) → Approve with haptics → "Why" provenance chips L3 Conditional: Auto-reroute + 10s Undo Snackbar (graceful action stacking) Verbs-First Input: Intent Bar ("Arrive by 8:45"), Predictive Chips, ⌘K Command Palette, Leave-By Dial with live on-time probability L4 Geofenced: Downtown zone activates autonomy banner + Operations Timeline L5 Full Autonomy: Morning Digest observer mode with Pause AI toggle Code will be running live. No pitch/slides just app + demo.

- Event context: AI Tinkerers Toronto - October 2025 Meetup at CIBC | Simplii — 2025-10-30 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_EuhqqThqmUs

### [Building Agentic AI for Intelligent Facility Operations](https://toronto.aitinkerers.org/talks/rsvp_Q3il5qIjRLw)

I’ve been working on integrating AI agents into energy and maintenance systems. The project focuses on creating an agent that can monitor data from building sensors, analyze energy patterns, and trigger automated actions (like adjusting HVAC schedules or generating maintenance tasks) without human input.

- Event context: AI Tinkerers Toronto - October 2025 Meetup at CIBC | Simplii — 2025-10-30 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_Q3il5qIjRLw

### [Redacting Risk: Live PII Protection in AI Workflows](https://seattle.aitinkerers.org/talks/rsvp_ABp6h5u_0Yo)

I’ll demo how ClientContext provides an easy to use solution for securely processes sensitive PDFs by automatically detecting and redacting 37 types of PII before handing data off to AI models. This enables powerful AI-driven analysis and search on private documents, without ever exposing confidential information. This is a critical component when providing data to non-local AI systems. This ensures that even complex documents can be used for AI-powered analysis and search, without ever exposing private information.

- Event context: Trust & Security in AI: Demo Night w/ Auth0 — 2025-10-30 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_ABp6h5u_0Yo

### [Exploring your use Cases with Goblin](https://nashville.aitinkerers.org/talks/rsvp_mqCxyuNhVNQ)

Utilizing my new application, goblin, we will explore comparing multiple Ai models for data driven analytics on their efficacy and effectiveness.

- Event context: AI Tinkerers Nashville – October 28th, 2025 — 2025-10-28 — Nashville
- Public talk page: https://nashville.aitinkerers.org/talks/rsvp_mqCxyuNhVNQ

## Related Technologies

- [Python](https://aitinkerers.org/technologies/python) ([Markdown](https://aitinkerers.org/technologies/python.md)) — 662 public demos
- [TypeScript](https://aitinkerers.org/technologies/typescript) ([Markdown](https://aitinkerers.org/technologies/typescript.md)) — 205 public demos
- [FastAPI](https://aitinkerers.org/technologies/fastapi) ([Markdown](https://aitinkerers.org/technologies/fastapi.md)) — 181 public demos
- [Next](https://aitinkerers.org/technologies/next) ([Markdown](https://aitinkerers.org/technologies/next.md)) — 186 public demos
- [OpenAI API](https://aitinkerers.org/technologies/openai-api) ([Markdown](https://aitinkerers.org/technologies/openai-api.md)) — 520 public demos
- [Node](https://aitinkerers.org/technologies/node) ([Markdown](https://aitinkerers.org/technologies/node.md)) — 99 public demos
- [PostgreSQL](https://aitinkerers.org/technologies/postgresql) ([Markdown](https://aitinkerers.org/technologies/postgresql.md)) — 105 public demos
- [Supabase](https://aitinkerers.org/technologies/supabase) ([Markdown](https://aitinkerers.org/technologies/supabase.md)) — 90 public demos
- [Claude](https://aitinkerers.org/technologies/claude) ([Markdown](https://aitinkerers.org/technologies/claude.md)) — 173 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 214 public demos
- [Docker](https://aitinkerers.org/technologies/docker) ([Markdown](https://aitinkerers.org/technologies/docker.md)) — 147 public demos
- [Gemini](https://aitinkerers.org/technologies/gemini) ([Markdown](https://aitinkerers.org/technologies/gemini.md)) — 188 public demos
- [LangChain](https://aitinkerers.org/technologies/langchain) ([Markdown](https://aitinkerers.org/technologies/langchain.md)) — 445 public demos
- [GPT-4](https://aitinkerers.org/technologies/gpt-4) ([Markdown](https://aitinkerers.org/technologies/gpt-4.md)) — 529 public demos
- [Vite](https://aitinkerers.org/technologies/vite) ([Markdown](https://aitinkerers.org/technologies/vite.md)) — 17 public demos
- [MongoDB](https://aitinkerers.org/technologies/mongodb) ([Markdown](https://aitinkerers.org/technologies/mongodb.md)) — 15 public demos
- [Ollama](https://aitinkerers.org/technologies/ollama) ([Markdown](https://aitinkerers.org/technologies/ollama.md)) — 77 public demos
- [OpenAI](https://aitinkerers.org/technologies/openai) ([Markdown](https://aitinkerers.org/technologies/openai.md)) — 112 public demos

## More Results

- Previous: https://aitinkerers.org/technologies/react.md?page=4
- Next: https://aitinkerers.org/technologies/react.md?page=6