Build a comparison web app with Gemini Thinking Mode | Alpha | PandaiTech

Build a comparison web app with Gemini Thinking Mode

Learn how to use Gemini to code interactive comparison apps directly within the chat interface using the Artifacts feature.

Learning Timeline
Key Insights

Difference Between Gemini Model Types

The 'Fast' model provides quick answers for simple tasks, while 'Thinking Mode' or 'Pro' takes longer to process more complex, high-quality logic for coding purposes.

The 'Add Gemini Feature' Function

This is the best shortcut if you're stuck. The AI will decide on its own to add essential features (like a chat sidebar) without you having to write complex additional prompts.

Instant Deployment

Apps built in Artifacts aren't just previews; they generate a unique link that allows others to use the application directly without needing to log into your Gemini account.
Prompts

Comparison App Building Prompt

Target: Google Gemini
create an app where I could compare the top 50 AI tools and see what's most relevant for my business and make it relevant to education in this case.
Step by Step

Building an AI Comparison App using Gemini Thinking Mode

  1. Open the Google Gemini interface in your browser.
  2. Click on the model selection menu at the top of the screen.
  3. Select 'Thinking Model' (such as Gemini 2.0 Thinking Mode) to get more logical and in-depth coding results.
  4. Type the specific prompt to build the comparison app (refer to the Prompt Card) into the chat box.
  5. Wait for Gemini to generate the application, which will be displayed interactively via the Artifacts/Canvas feature on the right side of the screen.
  6. Test the app by selecting several tools to view a side-by-side comparison of pros and cons.
  7. Click the 'Add Gemini feature' button located below the application to let the AI automatically enhance the app's functionality.
  8. Use the newly appeared 'chat interface' in the app's sidebar to ask questions directly to the AI within the app.
  9. Click on the 'Share' or 'Link' icon at the top of Artifacts to get a URL to share the application with your team members.

More from AI-Powered Coding & App Development

View All