A complete catalog of every project I’ve built and shipped through vibe coding. Each entry covers the tech stack, development timeline, and current status.
Originally published in January 2026 and updated regularly. For the full development story, check out “How a High School Teacher Built 5 Work Apps with Vibe Coding”.
The Big Picture
| Vibe coding experience | ~4 months |
| Daily dev time | ~3 hours (after work) |
| Total projects | 9 (5 school apps + 1 consumer app + 2 web services + 1 OSS) |
| Primary tool | Claude Code |
School Workflow Apps (5)
1. Seat Shuffler (seating_shuffler)
| Dev time | 1 day |
| Tech | Vanilla JS, browser-only |
| Adoption | Used by nearly every homeroom teacher |
| Highlights | Drag-and-drop seating, automatic accommodation for special needs, no server required |
My very first app. Enter student names, hit shuffle, and it randomizes seats while keeping designated students in fixed positions. A hybrid lottery mode (fixed accommodation seats + random draw for the rest) is in the works.
2. Class Progress Tracker (shindo-app)
| Dev time | 3 days |
| Tech | React 19 + Vite + Tailwind CSS + PWA |
| Hosting | Cloudflare Pages |
| Highlights | Quick logging from a phone, pre-loaded course names and credit hours |
A PWA for tracking lesson progress — something teachers in Japan submit each semester. Course data is pre-configured for our school, so logging a lesson takes just a few taps.
3. PDF Split & Merge Tool (pdf-splitter)
| Dev time | 1 day |
| Tech | Vanilla JS + pdf.js + pdf-lib |
| Usage | Daily |
| Highlights | Fully local processing, zero server uploads |
Used for splitting job postings, managing teaching materials, and safely handling confidential documents. The key selling point: student data never leaves the local machine.
4. Travel Expense App (travel-expense-app)
| Dev time | 1–3 months (ongoing updates) |
| Tech | React + Vite + PWA + Cloudflare Workers |
| Impact | Paper-based 20 min → under 5 min (measured) |
| Highlights | Route search to expense report in one flow on mobile |
Replaced a paper-based process that required filling out two handwritten forms per trip. The expense calculation rules and edge cases made this the most challenging of the five apps — and the one that taught me the most about long-term maintenance.
5. Homeroom Notebook (tannin-techo)
| Dev time | Core features in 4 days, refinements ongoing |
| Tech | Tauri 2.0 + React 19 + TypeScript + Tailwind CSS |
| Security | AES-256-GCM encrypted backups |
| Highlights | Fully offline desktop app, student management + seating + attendance + notes in one place |
The culmination of everything I learned from the previous four apps. Because it handles student personal data, it runs entirely offline with encrypted backups — no cloud involved. Features include drag-and-drop seating, group assignment, attendance tracking, PDF material management, Excel import, and print layouts (including a teacher-perspective view of the seating chart).
Consumer App
Star Oracle (fortune-app)
| Tech | React Native + Expo SDK 54 |
| Status | Live on Google Play |
| Highlights | Tarot divination app, free daily reading, privacy-first design |
My first consumer-facing app. A Major Arcana tarot reading with beautiful card animations and a privacy-first approach — no accounts, no tracking, all data stays on the device. After closed testing, it officially launched on Google Play in March 2026. The development story is in “How I Shipped a Fortune-Telling App in 3 Days”.
Open Source
kokuban
| Tech | Rust |
| Status | Early development (v0.1) |
| Repository | GitHub |
| License | MIT |
An encrypted local CLI tool for teachers to safely store student consultation notes and health information. The concept: “Write on the blackboard quickly. Read it quickly. But no one else can read it.” Being developed alongside Rust language learning.
Web Services
shop.imkisyou.com
| Tech | Astro + Cloudflare Pages Functions + Stripe + Turso |
| Status | Live |
| Products | Claude Code workflow guide, Education needs map |
An e-commerce site selling digital content for educators. Stripe handles payments, Turso manages the database, and Cloudflare Pages hosts the frontend.
imkisyou.com (This Blog)
| Tech | Astro 5.x + Tailwind CSS |
| Hosting | Cloudflare Pages |
| Highlights | Bilingual (Japanese/English), powered by an 8-agent team |
The blog itself is a project too. Content production is handled by a Claude Code agent team — PM, writer, translator, reviewer, SEO analyst, and more. The behind-the-scenes story is in “How I Built a Blog Team with Claude Code”.
note (note.com/imkisyou)
| Platform | note |
| Content | Dev stories, app announcements, casual learnings |
A lighter-weight outlet alongside the blog. Release announcements, quick reflections, and things that don’t need a full article.
Tech Stack Overview
| Category | Technologies |
|---|---|
| Frontend | React 19, TypeScript, Tailwind CSS, Astro 5.x |
| Mobile | React Native + Expo SDK 54 |
| Desktop | Tauri 2.0 (Rust + WebView) |
| CLI | Rust |
| Backend | Cloudflare Workers, Cloudflare Pages Functions |
| Database | Cloudflare D1, Turso (LibSQL) |
| Payments | Stripe |
| Hosting | Cloudflare Pages |
| AI / Dev Tools | Claude Code |
| Other | pdf.js, pdf-lib, @dnd-kit, recharts |
Wrapping Up
Four months ago, this portfolio had just four internal school apps. Now it’s grown to nine projects — a consumer app live on Google Play, open-source Rust development in progress, and a growing presence on note alongside this blog.
The common thread across every project: each one started with a real problem I faced on the job. If you’re curious about the stories behind them, check out “How a High School Teacher Built 5 Work Apps with Vibe Coding”.
See ya!