X Post Generator for I/O Extended Tokyo

Standalone and simple web app that can generate the post contents for X based on the session info of I/O Extended Tokyo with some user inputs (e.g., topics the user learned from the talk, key messages, feelings, any additional info).

Features

• Select the session you want to generate the post for.
• Input the topics you learned from the talk.
• Input the key messages of the talk.
• Input your feelings about the talk.
• Generate the post contents for X.
• Add a share button to X. When the user click the button, it opens the X with the draft generated by this tool.
• Download the post contents as a text file.

Getting Started

Installation

Clone the repository and install the dependencies:

npm install

Development Server

Start the local development server with hot-module replacement (HMR):

npm run dev

The application will be accessible at the address printed in the console (usually http://localhost:5173/).

Production Build

To compile the TypeScript code and bundle the assets for production:

npm run build

The compiled output will be generated in the dist directory.

Preview Build

To preview the production build locally:

npm run preview

URL Parameter Setup (GET Parameters)

You can pre-populate the "Session Info" section by appending query parameters to the URL. This allows other websites (like the official landing page) to link directly to this app with the relevant session already selected and filled.

Query Parameters

Parameter	Description	Default Fallback Value
title	The name/title of the session	I/O Extended Tokyo 2026
speaker	The name(s) of the speaker(s)	Google Developer Expert (GDE)
description	A brief description/summary of the session	Google I/O 2026のリキャップイベント

Example URL

https://ioe-tokyo-2026-x-gen.web.app/?title=Session%20Title&speaker=Speaker%20Name&description=Session%20Summary

Values should be properly URL-encoded (e.g., using encodeURIComponent() in JavaScript) to ensure special characters and spaces are resolved correctly.