Make an Unblocked Games Site for School In 10 Min

Quick Overview

The creator demonstrates how to build a functional, unblocked games website in under 10 minutes using Gemini AI Studio, instructing the user to prompt the AI for the site structure, convert TypeScript to JavaScript, deploy the resulting files to a public GitHub repository, and subsequently use GitHub Pages to host the live site, before manually fixing initial rendering issues and adding functional games via iframe elements copied from existing sites.

Key Points: The entire website creation process relies on Gemini AI Studio by feeding it a prompt like "build a basic Unblock Games website" and explicitly stating "no AI features" to prevent unwanted additions. The initial build often requires a follow-up prompt to convert TypeScript files to JavaScript, as TypeScript causes deployment issues on GitHub Pages. Deployment involves saving the files to GitHub, creating a public repository (as private requires payment), staging and committing changes, and then navigating to GitHub repository Settings > Pages to select the main branch for deployment. If the deployed site appears blank, the user must return to AI Studio and prompt it to "create an entry point for index.html" on GitHub Pages, then commit and push those changes again. Functional games are added by inspecting a working game on an existing unblocked site, locating its source iframe element using the developer inspect tool, copying the element, and pasting it into the AI Studio preview environment with the instruction to "add this game". The creator successfully customized the site theme to Cyberpunk and named it "Matty's Unblock Games", and also successfully prompted Gemini to create a new game, a snake clone called "Neon Serpent", avoiding the use of iframes for that specific entry. Thumbnails for self-generated games can be updated by finding an image host, uploading a desired thumbnail, copying the image address, and prompting Gemini to update the game's thumbnail using that address.

Context: The video tutorial outlines a rapid method for creating a personal unblocked games website accessible at restricted locations like school or work, leveraging Google's Gemini AI Studio as the primary development tool. The core strategy avoids complex database setup by storing game sources as iframes within a simple JSON file structure generated by the AI, with the final deployment occurring via GitHub Pages for free hosting.