wip: React Convex Demo

[stevensJourney]

Overview

This adds a basic demo app for PowerSync and Convex. This follows the classic Todolist demo pattern. This demo is ported from the original work done by @kobiebotha , with a few additions and minor polishes.

This is a Vite+React Web app which syncs todo lists and items from a PowerSync service which is connected to a Convex backend. Local mutations are performed against the Convex backend via Convex mutations - which propagate through to PowerSync and clients.

The demo contains a local dev setup which uses both the Convex and PowerSync CLIs to configure local services. The entire stack can be started by running a single pnpm dev:local command.

Note that the PowerSync service image used in this demo is not yet publicly available.

Demo

convex.mp4

AI Usage

All Divs were centered using Cursor. The Majority of the UI components and layout were created through careful prompting to match a desired layout.

[changeset-bot]

⚠️ No Changeset found

Latest commit: ab012e6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR