🏷️Token ATM
Team Members: Cody Svozil, Katie Ren, Mingrui (Ray) Han, Xu (Carson) Wang, Yongkang (camerfoul) Man
Partner: Dr. Kimberly Edwards
Role: Research 丨UI/UX Designer
Duration: 2023 (March - June )
Token ATM is an application that helps instructors manage tokens for specifications grading. A “token” is used to provide flexibility for how students can complete their coursework. Students can earn tokens by completing some coursework, and spend tokens to revise, retake, or resubmit coursework. Token ATM aims to bring automation to the process of earning, spending, tracking, and managing tokens for Students, TAs, and Professors via integrations with Canvas and Qualtrics Surveys. Token ATM is expected to work for a class with up to 1300 students. Also, according to the UCI OIT's security policies, Token ATM needs to handle the student data without storing it to any unauthorized external locations.
Managing tokens is difficult, especially for large classes. And manually managing tokens can result in unacceptable delays and mistakes, which leads to frustrating experiences for both teachers and students.
Requirements & Design Document
RDD V4💼 My Role
🧠 Back-end Development with Python + Flask, handling token transaction logic, data validation, and request processing
🔗 API Integration with Canvas & Qualtrics, managing authentication, data syncing, and error handling
⚙️ Built a local caching system using JSON + session state to optimize performance for large courses
🗃️ Designed and implemented data models to track students’ token balances, requests, and option configurations
🧩 Contributed to the frontend using React, Tailwind CSS, and JavaScript, building UI components for the instructor dashboard
🎨 Created wireframes and interactive mockups using Figma for both student and teacher interfaces
🔧 Worked in a collaborative Git workflow via GitHub, with regular pull requests and code reviews in VS Code
📋 Coordinated weekly goals and development milestones using Trello, helping manage sprints, assign tasks, and track progress
🔍 Key Features
Student Interface: Submit token requests, view balance, transaction history
Instructor Dashboard: Configure token rules, approve/deny requests, view logs
Security: Local token processing, encrypted credential storage, request audit logs
Canvas & Qualtrics Integration: Handles quizzes, surveys, and grade syncing
Batch CSV Support: Supports token imports/exports and GradeScope matching
.png)
.png)
.png)