Search⌘ K
AI Features
Home
Courses
Mastering OpenAI Codex for Agentic Coding

From Blank Project to Working Canvas

Explore how to build a pixel art canvas application using OpenAI Codex with Flask and SQLite. Learn to scaffold the base app, implement a drawing grid with color palette, and add saving functionality. This lesson teaches effective prompt writing for Codex to create well-structured code and demonstrates how Codex supports testing automatically.

We'll cover the following...

Our project folder is ready with AGENTS.md in place. Now we will begin implementing the pixel art canvas app using Codex. To keep things manageable, we have broken the implementation into four tasks. Each task is a single Codex prompt that adds one working feature to the app:

  1. Scaffolding the base app: This sets up the Flask project with a database, a Canvas model, and an index route. By the end of this task, the app starts and the database is created automatically.

  2. Drawing and saving feature: This adds a 32x32 drawing grid and a colour palette so we can paint pixel art. It also adds the ability to give our canvas a name and save it to the database.

  3. Adding gallery: This creates a second page that shows all saved canvases with pixel previews and lets us navigate between the drawing page and the gallery.

  4. Adding PNG export feature: This adds a ...