Projects

An assignment from the frontend course at PlayGround, a student IT community. A todo app for learning the basics of React (Atomic Design, Storybook).

React · TypeScript · Atomic Design · Storybook

I built each component following the Atomic Design philosophy. I came to understand prop drilling from parent to child and global state sharing with useContext, and also practiced persisting data with LocalStorage.

An entry for the AI Agent Hackathon hosted by Zenn. An anonymous voice-call app that can match you with an AI as well as with people.

Flutter · Dart · Firebase · Gemini · Google Cloud · Agora

My first time with Flutter and Dart, and I leaned on vibe coding with Cursor to move faster. Implementing complex features like the rating system and AI agent integration as a team of two taught me how much scoping and schedule management matter.

A social app that encourages gentler posting by using the DeepSeek API to rewrite barbed wording into kinder phrasing.

Next.js · TypeScript · DeepSeek API

Developing in a team of five, I practiced branch management on GitHub and code review through pull requests. I was responsible for the login and signup screens, the API integration, and the home timeline, and reviews from more experienced members gave me a taste of a real-world development workflow.

A bingo-style task app for killing time over summer break, where an AI generates suitably summery prompts.

Next.js · TypeScript · React · PostgreSQL · DeepSeek API

The short timeframe of a hackathon taught me the process of defining an MVP and implementing against priorities. I also learned how to design AI into a product, such as generating bingo cards from natural language with the DeepSeek API.

Our entry for NASA Space Apps Challenge 2025, which won the top prize. An application that predicts cherry blossom bloom dates from climate data such as NDVI and global solar radiation.

Python · Data Analysis · NASA API

Although we were a team of five, the build effectively came down to two of us covering for each other, and we still took the top prize. It pushed me across a wide range of skills: working with NASA open data, visualizing climate data, and putting together a presentation in English.

A bot that posts a random webcam image from somewhere in the world to Bluesky every nine hours.

Python 3.12 · GitHub Actions · atproto · Windy API

Beyond calling APIs and fetching data, I struggled with building serverless operations on GitHub Actions. Running it for real surfaced things you only learn in production, like the roughly three-day lag before the repository is picked up and the ±20 minute drift in cron timing.

A blog where I write about frontend development, Unity, and travel.

Next.js 15 · Tailwind CSS · MDX

Rather than using a headless CMS like microCMS, I built my own pipeline that reads articles directly from MDX. Keeping that flexibility led me to better component design and a much deeper understanding of the App Router.