Cursor Agent Coding - Creating an OpenAI API Wrapper using React, Node.js, MySQL & Docker - Part 1

This video series will be screen recordings while working with the Cursor Agent creating an application. It is raw and unedited and is not a tutorial. It is simply showing how I have been using Agent to work. In this part of the series, we start from nothing and end up with a partially functioning chat application with model selection. Sorry for the resolution - it’s my first time recording but I didn’t want to waste 2 hours :smiley:

  • Almost all of the work is completed by the Cursor Agent using the Claude-4-Sonnet thinking model under my command
  • Prettier and .vscode setup
  • Prisma and MySQL setup with Cursor Agent running MySQL queries against the Docker container
  • Using Agent to create its own project rules based on context of what we have created
  • Using the run command tool for Cursor Agent to be able to inspect the Docker logs for troubleshooting and rebuilding the application when required
  • Using the Cursor Agent to do some deep research on the OpenAI Responses API interfaces within the OpenAI NPM package by asking it to use the run command tool to inspect the files in there and then outputting to a markdown file for reference going forward

Tech stack all running inside Docker:

  • React TypeScript frontend using Material UI
  • Node.js TypeScript JSON API using Prisma, Zod and Express. Follows a repo, service, controller, router pattern
  • MySQL