Spin the wheel - News Spin

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I have made a news generator using "spin the wheel" game concept. Player first selects their country and spins the wheel. Wheel stops pointing to category and some news is then tailored from top sources with a news image (using imagen) and description.

Prompts

1. Build "spin the wheel" game for news. Wheel must have a pointer to point to a category and at least 14 sections in the wheel using emoji. Give sections different background color. At game start allow player to select a country, then player can spin, wheel pointer lands on a category, inform the player about it then get news from top news sources and use imagen for news image and description from source.
2. Fix Issue: 1. Wheel have 2 plates for section. 2. Wheel pointer points to airplane emoji and the category on news is displayed as "🔬Science"
3. Edit: Do not ask player to select after every spin. Allow him to change it using a button.
4. Make this game compatible for different screen sizes.

Demo

Try here- https://aistudio.google.com/app/prompts?state=%7B%22ids%22:%5B%221DkIOQSWIIjmgakLj_Lb0gqj2I-cANxVv%22%5D,%22action%22:%22open%22,%22userId%22:%22113233941325313362024%22,%22resourceKeys%22:%7B%7D%7D&usp=sharing

My Experience

• It took me some time to get understanding of Google AI Studio works.
• And after understanding the concept of how this works, the outputs where according to my requirements and project went well.
• There are different things that can be improved using the studio itself but for something built in minutes, this is the best working version.

Thank you for the opportunity and reading this.