Grok Build and Composer 2.5: recipe app tutorial

Learn to build and restart a recipe app with Grok Build and Composer 2.5, using React and SQLite at localhost:5173 on Windows.

Player not loading? Watch on YouTube

This tutorial follows the speaker's use of Grok Build with Composer 2.5 to create Recipe Share through English prompts. It starts with Grok Build already installed, referring viewers to an earlier setup lesson. On Windows, the speaker opens a terminal, launches Grok, and selects Composer 2.5 through the /model menu.

The app uses React, Vite and Tailwind CSS for the interface, with Node.js, Express and SQLite behind it. The speaker also explains JWT authentication, bcrypt password hashing and Multer image uploads. A missing Node.js installation interrupts the initial setup; installing the Windows LTS release lets the speaker continue and open the app at http://localhost:5173.

The demonstration covers registration, login, recipe publishing and image uploads. Later prompts request sample data, search, an owner-specific recipe section and deletion confirmation. Further changes add dark mode, comments, likes and star ratings. The speaker checks the mobile layout, then requests a sticky header and smaller images after noticing navigation and loading issues. These are demonstrations of the generated app, not an independent security or performance assessment.

To reopen the project, the speaker resumes the Grok Build session, enters the app folder and runs start all.cmd, keeping the terminal open. The app runs locally on the laptop; internet deployment is deferred. The transcript does not establish that the coding assistant's model runs locally or works offline.