Experimental Interaction

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.