AntiGravity
Create a Flight Tracker App with Google Calendar Integration using AntiGravity
Build a functional Next.js flight tracker web app that lets users add flights and automatically syncs them to Google Calendar, complete with logo design and automated testing, all generated by AntiGravity.
The Workflow
9 steps · click a step number to mark it done
Open AntiGravity and have it ready before you start
Open AntiGravity, complete onboarding, and sign in with your Google account
In the sidebar, click ‘Add Workspace’, choose ‘Open Folder’, and create a new folder named ‘flight-tracker’
In the Agent Manager, enter the prompt: ‘Build a Next.js web app where users input a flight number and the app displays flight details and adds them to Google Calendar. Use a mock API for flight data and display results under the form.’
Review the generated implementation plan artifact and click ‘Approve’ to let the agent create the project files
When the agent finishes code generation, press ‘Run Dev Server’ and confirm the browser extension installation to launch the app locally
Watch the built‑in browser agent test the app: it will fill the form, submit a flight number, and capture screenshots and a screen recording
In the Agent Manager, ask the agent to design four logo concepts for the app using Nano Banana, specifying minimalist, classic, calendar‑focused, and aviation themes
Select the preferred logo, then prompt the agent: ‘Add this logo as the favicon and update the site title to “Flight Tracker”.’
Open the generated ‘aviationStack.ts’ util, accept the suggested code changes with Tab, and verify that live API calls replace the mock data; then run the app to confirm calendar sync