This one started as a simple idea: a quick way for teachers to keep track of where students go when they sign out of class. I built it in Canva Code as a small experiment to see how far I could take interactive forms and live data updates.

Student View

Students can:

• Type their name
• Pick where they’re going (restroom, library, office, nurse, etc.)
• If they choose “Another Classroom,” a field pops up to add the teacher’s name
• Hit “Sign Out” and they’re on their way

Teacher View

The teacher side updates in real time. It shows:

• Who’s currently signed out
• Where they went
• How long they’ve been gone
• A button to sign them back in when they return

I also added a Recent Returns section that keeps the last ten students who came back, along with how long they were out and a little green checkmark for when they’re back in class.

Time Tracking

Once I had the basics working, I added a time tracker that runs automatically when a student signs out. It shows live elapsed time in the “Current Sign-Outs” list and calculates total time away when they return.

Everything runs through Canva Sheets, which keeps the data synced across both views.

A simple classroom attendance system that uses QR codes instead of facial recognition for privacy-conscious student check-ins.

Features:

• Students scan QR codes or manually enter names to check in
• Real-time attendance list with timestamps
• Duplicate prevention and session management
• CSV export for record keeping
• Fully responsive design

Built with: Canva Code using the Data SDK for persistence and Elements SDK for customization. Demonstrates practical alternatives to biometric tracking in educational settings.

Try it: Students can test the check-in flow, and instructors can see how the live attendance list updates and export functionality works.

BriefKit is a little experimental app I built using Canva Code, Canva’s new way to make simple interactive web apps right inside your design workspace.

It’s basically a brief generator for graphic design and digital art projects, especially for students (or teachers!) who use Canva or Affinity. You click a button, and boom, a new creative challenge appears. It’s a fun way to spark ideas for classroom projects, warm-ups, or personal practice.

I made it because I’ve seen how helpful a quick prompt can be when you’re stuck or just need a creative push. BriefKit keeps things light and fast, like a digital deck of inspiration cards.

Right now it’s pretty simple, but I’m already thinking about future updates, like categories for branding, illustration, and poster design, or maybe a way for teachers to upload their own prompt sets.

This project is part of my ongoing “Vibe Coding in Canva” experiments, where I play around with blending design and simple code in fun, useful ways.

A design study in minimal music machines.

This project is a browser-based digital keyboard inspired by the Casio PT-1, the small synth I grew up with. Built with HTML, CSS, and JavaScript (Tone.js), it captures the spirit of the original, from its simple one-octave layout to the playful retro interface.

It includes a mode switch (Off / Record / Play), tone selector (Piano, Fantasy, Violin, Flute), volume slider, and working keyboard controls. Users can play notes, record short melodies, and play them back.

While not yet a faithful recreation, it’s a work in progress that may evolve into a more complete digital PT-1 replica over time, blending retro design, creative coding, and nostalgia into one interactive project.