# React Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/react?page=4
> Markdown URL: https://aitinkerers.org/technologies/react.md?page=4
> Technology record last updated: 2026-09-18T15:13:52Z
> Generated: 2026-09-21T19:39:34Z

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: 220
- Result page: 4 of 10

## Recent Public Talks and Demos

### [Solibox](https://conakry.aitinkerers.org/talks/rsvp_qAI5FNo6z5g)

Transformez votre surplus solaire en revenus Avec SoliBox, l'électricité que vous n'utilisez pas alimente vos voisins et vous génère un revenu passif.

- Event context: AI Tinkerers – Conakry: Inaugural AI Conference @ Afrinov Tech Expo — 2026-02-11 — Conakry
- Public talk page: https://conakry.aitinkerers.org/talks/rsvp_qAI5FNo6z5g

### [DISAADE](https://conakry.aitinkerers.org/talks/rsvp_e_NuJRZQs6Q)

DISAADE — Là où la technologie rencontre l’amour de la vie. Couveuse néonatale intelligente connectée, conçue en Guinée pour protéger les bébés prématurés. Protéger les plus fragiles, accompagner les mamans, aider les médecins.

- Event context: AI Tinkerers – Conakry: Inaugural AI Conference @ Afrinov Tech Expo — 2026-02-11 — Conakry
- Public talk page: https://conakry.aitinkerers.org/talks/rsvp_e_NuJRZQs6Q

### [Building an AI on-call engineer](https://dhaka.aitinkerers.org/talks/rsvp_uOXIA4S8_m8)

I'll be presenting the WIP of Aster, an AI on-call engineer. I'll cover how the product works today and the technical choices behind its architecture.

- Event context: AI Tinkerers Dhaka 2nd Meetup: Dhaka Builds with AI! — 2026-02-07 — Dhaka
- Public talk page: https://dhaka.aitinkerers.org/talks/rsvp_uOXIA4S8_m8

### [From Screenshot to Code: AI-Powered Design Cloning and Verification](https://nyc.aitinkerers.org/talks/rsvp_oSYfxCynLls)

Live demo of an AI pipeline I made that takes any website URL and recreates it in an editable sandbox. The system: 1. Captures a live site using Playwright (screenshots, DOM, styles) 2. Uses Claude to analyze the design and generate a React clone 3. Creates an instant editable sandbox with the cloned site 4. Verifies the clone matches the original using design contracts 5. Suggests and applies CSS fixes for any differences I'll show the full loop: paste a URL → AI analyzes it → generates code → live preview appears → iterate with chat to refine. No Figma access needed, no manual coding - just point at any site and get an editable clone.

- Event context: Feb Demo Day: How are you turning design into code? (with Baz) — 2026-02-04 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_oSYfxCynLls

### [Goals are (mostly) all you need](https://nyc.aitinkerers.org/talks/rsvp_PBqaVIPH89A)

I have created a goal editing system: an LLM changes goals on the fly. I will demonstrate it on a floorpan design system.

- Event context: Feb Demo Day: How are you turning design into code? (with Baz) — 2026-02-04 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_PBqaVIPH89A

### [The Future of Taxes](https://st-louis.aitinkerers.org/talks/rsvp_WsQcRPj15Rg)

My startup company is developing a tax AI product called Fiscal Mind. The idea is for CPAs to have clients take photos of their tax documents and upload it and once we have enough fiscal data then we calculate their taxes owed and also suggest ways for the next year on how to lower tax costs slightly. This streamlines the process and saves over 70% of a CPA's time since typical tax filings can take anywhere from 8 hours to 5 days. It is meant as an assistant not to completely take over.

- Event context: AI Tinkerers – St. Louis Meetup: February 4, 2026 — 2026-02-04 — St. Louis
- Public talk page: https://st-louis.aitinkerers.org/talks/rsvp_WsQcRPj15Rg

### [AI powered agent to improve public speaking sklils](https://tiruchirappalli.aitinkerers.org/talks/rsvp_HxfxvA64rE8)

Demo will be divided into the following 1. I will showcase how the tool works. 2. I will detail down the technologies used 3. Ask on the improvements/best models to use/optimise the output

- Event context: AI Tinkerers Trichy: January Meetup & Live Demos — 2026-01-31 — Tiruchirappalli
- Public talk page: https://tiruchirappalli.aitinkerers.org/talks/rsvp_HxfxvA64rE8

### [Web App for Deep reading with AI](https://seattle.aitinkerers.org/talks/rsvp_o4rAnxOxA2c)

Reflecting back on 2025, I, like much of the tech industry, significantly increased my dependence on AI. There are real negative side effects to this shift, but one positive outcome surprised me: AI made me a fearless learner. For a long time, I avoided learning things that felt too deep or too slow. If a topic looked intimidating, I procrastinated. If progress felt abstract, I lost interest. Fear of failure quietly shaped what I chose to learn. AI changed that by meeting me exactly where I am. I can ask naive questions, get ideas reframed in simpler language, and apply what I learn immediately. That removes the early confusion that usually kills momentum. A recent talk by Andrej Karpathy really clicked for me. He described using AI to read The Wealth of Nations by Adam Smith, written in the 1700s. For a modern reader, the old English alone is a major barrier. I took that idea and turned it into a web app (https://github.com/varunr89/edps-method) React frontend, Azure SQL to track progress, and Azure AI Foundry for the AI layer. All texts come from the open-source Gutenberg project. My goal for 2026 is to use this app for structured deep reading of the foundational texts behind economics, politics, and moral philosophy. (example The Wealth of Nations, The Federalist Papers, and Capital by Karl Marx). These are books people cite but rarely finish. AI is not doing the work for me. It is my learning partner that keeps things engaging and practical.

- Event context: AI Tinkerers Seattle: January Meetup — 2026-01-31 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_o4rAnxOxA2c

### [Building a 10¢ Research Paper TTS Pipeline: Kokoro, Claude, and the Hidden Costs of Audio](https://la.aitinkerers.org/talks/rsvp_wigMst0JqyA)

I built a native iOS + web app that turns research papers into listenable audio summaries in ~30 seconds. The stack: Claude Sonnet for summarization, Kokoro TTS (82M parameter on-device model) for voice synthesis, and a hacky but decently good solution to Kokoro's context window problem: breaking sentences into clauses. Also found out that 11labs is a lot more expensive than I thought.

- Event context: January 29th - LA AI Tinkerers Meetup & Demos (w/ Special Guest Alibaba WAN) — 2026-01-30 — Los Angeles
- Public talk page: https://la.aitinkerers.org/talks/rsvp_wigMst0JqyA

### [Who's the Imposter? 15 AIs Play a Social Deduction Game](https://nashville.aitinkerers.org/talks/rsvp_5m6nlurQ1fo)

What started as my niece's breakfast table math question became something unexpected: a live arena where 15 AI models from Google, Anthropic, OpenAI, Meta, and X.AI play social deduction against each other. You can watch their inner monologue as they deceive, accuse, and reason about who to trust. Claude hedges. GPT accuses. Gemini analyzes. Same game, very different behaviors. I'll run a live game and show the architecture that makes multi-model coordination possible.

- Event context: AI Tinkerers Nashville – January 29th, 2026: Live Demos, Code, and Architecture — 2026-01-29 — Nashville
- Public talk page: https://nashville.aitinkerers.org/talks/rsvp_5m6nlurQ1fo

### [Canopy Agent Orchestrator: Everything Everywhere All at Once](https://nashville.aitinkerers.org/talks/rsvp_IyJRYGhJITc)

Canopy runs multiple coding agents in parallel, each in an isolated sandbox, with automatic merging and conflict resolution. It uses Beads for in-repo task tracking and dependency management, so agents work on the right things in the right order. The premise: engineering should be about specifying what you want, defining acceptance criteria, and reviewing results — not waiting for code to materialize one task at a time. Canopy treats code production as infrastructure that should get out of your way. I'll demo the system live: defining tasks with dependencies, launching parallel agents, and watching them work simultaneously while a dashboard tracks progress. We'll cover the copy-on-write isolation that makes this possible and how conflicts get resolved automatically.

- Event context: AI Tinkerers Nashville – January 29th, 2026: Live Demos, Code, and Architecture — 2026-01-29 — Nashville
- Public talk page: https://nashville.aitinkerers.org/talks/rsvp_IyJRYGhJITc

### [AI-driven construction contract management tool](https://nashville.aitinkerers.org/talks/rsvp_wDbnTDTr_F0)

Mori Solution is an AI-driven contract analytics tool focused on interpreting complex construction contracts and technical specifications. This presentation demonstrates a working Retrieval-Augmented Generation (RAG) pipeline that enables semantic search and question answering over large, unstructured PDF documents. I will cover how construction contracts are parsed, chunked, embedded, and retrieved to support accurate queries related to safety requirements, bonds, and payment terms. The demo includes a live code walkthrough of the ingestion and retrieval pipeline, along with a speech-recognition interface that allows users to ask natural language questions and receive grounded, source-cited responses from the underlying contract data.

- Event context: AI Tinkerers Nashville – January 29th, 2026: Live Demos, Code, and Architecture — 2026-01-29 — Nashville
- Public talk page: https://nashville.aitinkerers.org/talks/rsvp_wDbnTDTr_F0

### [JobsYo: Building an AI-based but Human-driven Job Search, Research and Apply Ecosystem](https://toronto.aitinkerers.org/talks/rsvp_kotKIOHzcrE)

Live demo of JobsYo, an AI-powered job search platform I built to automate & organize job hunt - built based on my own experience. I'll show the technical internals: 1. Multi-Model AI Chatbot dedicated for Customized Application and Connection: How I built a unified abstraction layer that routes between GPT-5, Gemini 3, and Claude based on user preferences, with encrypted API key storage and streaming response handling across all providers. 2. Context Engineering: The unified prompt system that dynamically injects user profiles, parsed job requirements, base resumes, and linked networking connections into a single context window - enabling AI to generate highly tailored responses. 3. Agentic Job Discovery: Orchestration function that coordinates 4 different job APIs (Adzuna, JSearch, RemoteOK, custom scrapers), handles deduplication, and generates AI recommendations for failed sources. 4. Profile-to-Job Matching: AI-powered analysis that compares parsed user profiles against job requirements and provides actionable improvement suggestions. All running on React + Supabase Edge Functions with real-time streaming.

- Event context: AI Tinkerers Toronto - January 2026 Meetup at Google! — 2026-01-29 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_kotKIOHzcrE

### [Observability that drives true ROI](https://toronto.aitinkerers.org/talks/rsvp_6R-ayo9yb7I)

As AI agents increasingly act like employees, we rethought what observability should look like in this new era. Instead of more dashboards and logs, we built a crew of AI managers that monitor, understand, and summarize agent behavior. The goal is simple: help teams quickly see what matters, understand why it’s happening, and take action without engineers spending hours digging through traces and logs.

- Event context: AI Tinkerers Toronto - January 2026 Meetup at Google! — 2026-01-29 — Toronto
- Public talk page: https://toronto.aitinkerers.org/talks/rsvp_6R-ayo9yb7I

### [Social Vantage AI](https://edmonton.aitinkerers.org/talks/rsvp_aID2TsG-TAs)

This is the next generation of Search over contents on social media non-PII and only identify contents, trends, categories, businesses, role models, where the hub is for different topics etc.

- Event context: AI Tinkerers Edmonton Meetup – January 28, 2026 — 2026-01-29 — Edmonton
- Public talk page: https://edmonton.aitinkerers.org/talks/rsvp_aID2TsG-TAs

### [Link Library](https://atlanta.aitinkerers.org/talks/rsvp_hO_OO0krZGI)

LinkLibrary started as a personal frustration: saving links everywhere (Notion, Notes, Slack, browser bookmarks) and never finding them again. In this talk, I’ll walk through how LinkLibrary was actually built, from early scrappy experiments to a more AI-native system. I’ll show: • How we designed the core data model for links, collections, and social signals • How we approached semantic chunking, embeddings, and retrieval (what worked and what didn’t) • Early attempts at AI agents for tagging, summarization, and discovery • Technical tradeoffs across FastAPI, Supabase/Postgres (pgvector), and React • Lessons learned from shipping v1, demoing to real users, and iterating in public This is a behind-the-scenes, technical walkthrough focused on architecture, decisions etc

- Event context: AI Tinkerers Atlanta: Code-First Demos & Technical Deep Dives | January 27, 2026 — 2026-01-27 — Atlanta
- Public talk page: https://atlanta.aitinkerers.org/talks/rsvp_hO_OO0krZGI

### [MOFUX: vibe coding scientific data visualization](https://atlanta.aitinkerers.org/talks/rsvp_vRwTk9Be8_I)

This project is an interactive visual interface into a dataset of 220k experimental and generated Metal-Organic Frameworks (MOFs). The aim of the project is to give the materials science community an intuitive way to explore this open-source dataset.

- Event context: AI Tinkerers Atlanta: Code-First Demos & Technical Deep Dives | January 27, 2026 — 2026-01-27 — Atlanta
- Public talk page: https://atlanta.aitinkerers.org/talks/rsvp_vRwTk9Be8_I

### [Write Once, Prompt Anywhere: Architecting Portable, Dynamic Interfaces for LLMs](https://san-diego.aitinkerers.org/talks/rsvp_E83764oLLm8)

Standard chat interfaces are silos. We're all maintaining separate lists of "golden prompts" and manually editing placeholders like [INSERT CONTEXT] every time we switch between Claude, ChatGPT, or Gemini. This talk covers the engineering behind SidePC, a provider-agnostic browser extension built to treat prompts as portable, structured assets. I will perform a hands-on code walk-through (vanilla JS/Manifest V3) focusing on the implementation of our portable prompt schema (.sidepc). This JSON-based architecture enables more than just text storage; it supports recursive folder hierarchies and dynamic variable tokenization. I’ll dive into the regex engine used to transform raw strings into interactive form inputs (dropdowns, file uploads) and the DOM injection logic required to bypass Content Security Policies (CSP) while simulating trusted events for React/Vue-based UIs. We’ll also examine the "Remote Sync" system that utilizes a Base ID versioning strategy, allowing teams to treat prompt libraries like Git repos for auto-updating team-wide workflows.

- Event context: AI Tinkerers San Diego: January Meetup — 2026-01-23 — San Diego
- Public talk page: https://san-diego.aitinkerers.org/talks/rsvp_E83764oLLm8

### [AgentMon: Building Step-Level Tracing + Expert Review for PydanticAI Agents](https://cologne.aitinkerers.org/talks/rsvp_ogg5YcS8QGw)

AgentMon is a lightweight framework I built to make agent behavior inspectable after a run. I’ll demo how a PydanticAI “deep research” agent is instrumented with a simple decorator to capture a structured step trace (tool calls, LLM calls, state snapshots, final output) into Postgres. Then I’ll walk through the post-run augmentation pipeline that maps raw steps into an agent-specific ontology and summarizes long outputs so runs are easier to review. Finally, I’ll show the web UI timeline where reviewers can score/label individual steps and whole runs, and how those annotations feed basic analytics across runs. Early stage but iterating fast.

- Event context: AI Tinkerers Cologne #2: Let's Build. — 2026-01-21 — Cologne
- Public talk page: https://cologne.aitinkerers.org/talks/rsvp_ogg5YcS8QGw

### [Specs Are the New Superpower for AI Coding](https://seattle.aitinkerers.org/talks/rsvp_k7k7wf2BFvQ)

AI coding tools are fast, but without clear product and technical context they break down quickly. This talk walks through a practical, real-world approach to spec-driven AI development and how lightweight specs, clear decisions, and structured workflows dramatically improve the quality, speed, and reliability of AI-assisted engineering. I’ll share patterns that work, common failure modes, and how teams can adopt this approach without slowing down.

- Event context: AI Tinkerers Seattle Meetup: Dev Tools Track — January 12th, 2026 — 2026-01-13 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_k7k7wf2BFvQ

### [Agent Runner](https://seattle.aitinkerers.org/talks/rsvp_VwLZmNweANo)

Agent Runner is a desktop application that brings AI agent execution to your fingertips. Press Ctrl+Shift+A and a UI panel slides in, giving you instant access to your library of self authored AI-powered agents. Built with Electron, React, and TypeScript, Agent Runner lets you create and execute reusable AI agents using BAML (BoundaryML) for type-safe definitions. Connect to OpenAI or Anthropic Claude with your own API keys. I'll be presenting the functional UI along with the underlying BAML code for each of the demoed agents. Features: Hotkey-triggered panel, BAML-based agents, clipboard integration, multi-LLM support, natural language agent creation, Discord-inspired dark UI. Status: Functional wireframe with database and hotkey system. By demo date, expect working agent execution with BAML integration. Open Source: Will be published on GitHub for community contribution.

- Event context: AI Tinkerers Seattle Meetup: Dev Tools Track — January 12th, 2026 — 2026-01-13 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_VwLZmNweANo

### [CLU & Autonomous Agents](https://miami.aitinkerers.org/talks/rsvp_wClM0cOSEhU)

CLU is a platform that builds, deploys, and orchestrates fleets of autonomous AI agents across complex business ecosystems. In this talk, I’ll walk through how CLU evolved from a simple automation layer into a full multi-agent orchestration brain capable of coordinating tools, APIs, data sources, and domain-specific agents at scale.

- Event context: AI Tinkerers Miami Meetup - Recap everything AI 2025 at The LAB Miami — 2025-12-18 — Miami
- Public talk page: https://miami.aitinkerers.org/talks/rsvp_wClM0cOSEhU

### [Using GenAI + Machine Learning to Optimize Website Conversion Rates](https://belgium.aitinkerers.org/talks/rsvp_tfpH8tjuAvM)

We'll demo Dalton & explain how we've built it.

- Event context: AI Tinkerers Brussels - December 17 — 2025-12-17 — Belgium
- Public talk page: https://belgium.aitinkerers.org/talks/rsvp_tfpH8tjuAvM

### [The Real Santa Claus by Minds & Models](https://prague.aitinkerers.org/talks/rsvp_jzk6DE6Kn10)

We will present our system for real time content personalization of ad screens.

- Event context: AI Tinkerers Prague: Annual Christmas Meetup 2025 — 2025-12-16 — Prague
- Public talk page: https://prague.aitinkerers.org/talks/rsvp_jzk6DE6Kn10

## 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)) — 106 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)) — 174 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 215 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=3
- Next: https://aitinkerers.org/technologies/react.md?page=5