Build a Web Game with Gemini in 2 Hours

Introduction

Every time we introduced Option Chain to new players, the first question was always, 'Do you have a web or mobile version?' The idea of creating a web version seemed like a distant dream. With no programming knowledge and no clue where to start, we shelved the idea.

Now in 2025, we still have not learnt any programming language. On the other hand, with the rise of generative AI such as OpenAI ChatGPT, Microsoft Copilot, and Google Gemini, we decided to give it a shot. Here's how we built a simple number guessing game in two hours using just the free version of Google Gemini.

Number guessing game we created with the help of Gemini

Discovering Gemini

Initially, we were unsure of which generative AI to use, given the many options available. After some research and experimentation, we chose Google Gemini for its user-friendly interface and powerful capabilities. Gemini's intuitive design and robust features made it the perfect tool for our project, allowing us to create a functional game with minimal programming knowledge.

Step-by-Step Tutorial on Building a Web Game with Gemini

For those who are interested, here was our journey of how we made this game a reality.

1. Open Google Gemini (https://gemini.google.com/) and sign in with a Google account.

2. Once logged in, select the 2.0 Flash Thinking Experimental (the latest model as of the time of this writing)

Different Gemini free models, with 2.0 Flash Thinking Experimental model selected

3. Our website is hosted by Wix, which has a powerful JavaScript-based development platform called Velo. We used the following prompt to kick off the conversation with Gemini:

As a person who has minimal programming experience, what are the steps to build a simple guess a number game on a website? can you provide me with a step-by-step tutorial? Our website is hosted by Wix. we can use Velo to develop the game based on these API: https://dev.wix.com/docs/velo

Gemini will return with a step-by-step tutorial on building a number guessing game on Wix with Velo, from how to turn on Dev Mode, to adding elements on the web page, to the actual JavaScript code.

4. The code may not work right away, or you may want to add additional features. And if you have kids like ours, the first thing they wanted to do was to break it! You can continue the conversation with Gemini by telling it what is wrong, and it will give you a list of troubleshooting steps and suggestions. For example:

clicking on the submit button doesn't trigger the submitButton_click function

can you also add the ability to submit the input when the user press enter in the guessInput text box?

Be specific with the error or the things you want the generative AI to change. If you get an error message, you can even copy and paste the whole error message as part of your prompt.

Final Thoughts

With some trial and error, we were able to finish the game you see above in just 2 hours. The speed and progress we achieved with just a few prompts were truly remarkable, even for just a simple game. This experience has shown us the incredible potential of generative AI in simplifying complex tasks and making technology accessible to everyone. Maybe we will have a chance in creating a web version of Option Chain after all!

We hope this guide provides you with inspiration and insights for creating your own website or exploring the possibilities of generative AI. If you have any questions or would like to share your experiences, please send us a message. Until next time, take care and happy creating!