Developer Basecamp 13 – Session 6: Frontend with Scaffold

In Developer Basecamp 13 Session 6, we used Scaffold-Stark and AI-assisted workflows to build a frontend for the Counter contracts from Sessions 4 and 5. We connected a wallet, read state with useScaffoldReadContract, and implemented increase/decrease actions with a zero-guard. We added an owner-only Set Counter, streamed CounterChanged events, and wrapped up with a multicall Reset that manages allowance and fees. We then reviewed pre-prepared codes for clarity and finished with a live Scaffold demo.

Useful links:
Playlist: https://www.youtube.com/playlist?list=PLMXIoXErTTYV-Pd6tXu0TzsQ2EYQ5bBEh
Slides: https://docs.google.com/presentation/d/1go65H9oWfr9MqegT6TWXVvNUZDEWxOr_7o4y0t-uHmE/edit?usp=sharing

Timestamps
00:00:23 – Session 5 Recap
00:02:57 – Counter Contracts Review
00:06:28 – Start devnet, deploy, and launch frontend
00:08:14 – Read counter with useScaffoldReadContract
00:15:34 – Increase action via useScaffoldWriteContract
00:20:00 – Decrease button with zero-guard logic
00:31:21 – Implement Set Counter
00:50:13 – Stream CounterChanged events
00:53:56 – Reset the Counter
00:58:32 – Pre-prepared codes step-by-step review
01:09:25 – Live demo: events update on actions
01:09:51 – Live demo: reset deducts 1 STRK

source