[{"data":1,"prerenderedAt":263},["ShallowReactive",2],{"navigation":3,"project-kronos-mobile-app":4},[],{"id":5,"title":6,"body":7,"company":246,"date":247,"description":248,"extension":249,"image":29,"meta":250,"navigation":251,"path":252,"seo":253,"stem":254,"tags":255,"technologies":259,"url":252,"__hash__":262},"projects/projects/kronos-mobile-app.md","Kronos Mobile App",{"type":8,"value":9,"toc":220},"minimark",[10,15,19,22,25,30,34,47,51,59,63,77,81,84,89,92,96,100,103,107,111,114,118,122,125,129,132,136,140,143,147,151,154,158,161,165,169,172,176,180,183,187,191,194,198,202,205,209,213,216],[11,12,14],"h2",{"id":13},"overview","Overview",[16,17,18],"p",{},"Kronos is Revolution Prep's mobile app, available on the Apple App Store and\nGoogle Play for both students and tutors. We built this app up to give students\na focused, on-the-go surface for the parts of the product that matter most away\nfrom a desktop: live Homework Help, scanning and scoring practice exams from a\nphone camera, and self-proctored timed practice.",[16,20,21],{},"For students, Kronos surfaces upcoming Homework Help sessions, lets them save a\nspot or join a live session, and uses the phone camera to scan exam answer\nsheets, detecting the QR codes on the page, walking the student through any\nanswers it couldn't read cleanly, and returning a score the moment they finish\nreviewing.",[16,23,24],{},"For tutors and admins, Kronos offers a daily assignments view and the same\non-the-go scoring tools for in-person mock events.",[26,27],"product-image",{"alt":28,"src":29},"Kronos Mobile App overview","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/kronos-overview.gif",[11,31,33],{"id":32},"the-challenge","The Challenge",[35,36,37,41,44],"ul",{},[38,39,40],"li",{},"The app had to feel native on iOS and Android while sharing a codebase, which\nmeant carefully wrapping the platform-specific pieces (camera, permissions,\nZoom handoff) behind a consistent experience. We leveraged the Ionic framework\nto accomplish this.",[38,42,43],{},"Exam scoring on a phone has to be forgiving, users rarely take photos in ideal\nlighting, so the scanning flow needs error handling, retake prompts, and a\nreview step the users can trust.",[38,45,46],{},"Real-time pieces (live session state, \"save spot\" reservations, join-now\ntransitions) had to stay in sync with the same backend that powers the student\ndashboard on web.",[11,48,50],{"id":49},"motivation","Motivation",[35,52,53,56],{},[38,54,55],{},"Students do their homework wherever they happen to be, and most of them have a\nphone before they have a laptop nearby.",[38,57,58],{},"Scoring a paper practice exam was painful on desktop; a phone camera makes it\neasy.",[11,60,62],{"id":61},"goals","Goals",[35,64,65,68,71,74],{},[38,66,67],{},"A focused mobile product that does a few things excellently rather than\nmirroring the whole student dashboard.",[38,69,70],{},"Make Homework Help and exam scoring a one-tap experience for students.",[38,72,73],{},"Increase Student practice exam scoring.",[38,75,76],{},"Give tutors a mobile companion for in-person events without needing to carry a\nlaptop.",[11,78,80],{"id":79},"exam-scan","Exam Scan",[16,82,83],{},"The Exam Scan flow is the most-used feature in Kronos. Practice exams are still\nwritten on paper bubble sheets, and getting them scored used to mean handing the\nsheet back to a tutor or proctor. With Kronos, students scan and score their own\nexams from their phone in under a minute, then watch their score history grow\nover time.",[85,86,88],"h3",{"id":87},"exams-overview","Exams Overview",[16,90,91],{},"The Exams tab is the home for everything a student has scored. We surface their\nbest score per exam type, a chart of how scores have trended, and an entry point\nto either scan a new exam or self-proctor a fresh one. For students taking\nmultiple exam types (SAT, ACT, PSAT), each gets its own card so progress stays\nlegible at a glance.",[26,93],{"alt":94,"src":95},"Exams overview page on Kronos","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/exam-overview-page.webp",[85,97,99],{"id":98},"scanning-a-bubble-sheet","Scanning a Bubble Sheet",[16,101,102],{},"When a student taps Score Exam, Kronos opens the camera with a live overlay that\nguides them to frame the page border and the QR code. We detect the exam type\nfrom the QR code on page one, then walk the student through scanning each\nremaining page with a progress counter. The flow is built to be forgiving: out\nof order, retake a page, replace a bad scan, and a review step lets the student\ncorrect any answer the backend optical mark recognition software wasn't\nconfident about before submitting.",[26,104],{"alt":105,"src":106},"Exam scanning camera flow on Kronos","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/exam-scan.webp",[85,108,110],{"id":109},"tracking-improvement","Tracking Improvement",[16,112,113],{},"After a student has scored more than one of the same exam type, the Exams page\nshows their best score, their improvement since the first attempt, and a trend\nchart pulling together every scored exam. Tapping any entry opens the full score\nreport. The goal is to make the progress feel real, the same way a fitness app\ndoes, encouraging students keep coming back to take another exam.",[26,115],{"alt":116,"src":117},"Score improvement view on Kronos","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/exam-improvement.webp",[11,119,121],{"id":120},"self-proctored-exams","Self-Proctored Exams",[16,123,124],{},"Practice exams are most useful when students take them under realistic\nconditions, but students don't proctor on call. Self-Proctored Exams turn the\nphone into the proctor: it reads the section prompts aloud, keeps strict timing\nfor every section, and warns the student if they leave the app mid-exam. When\nthe student finishes, the same Exam Scan flow scores their bubble sheet.",[85,126,128],{"id":127},"configure-the-exam","Configure the Exam",[16,130,131],{},"The student picks an exam type, chooses which sections they want to take, and\noptionally downloads a printable answer sheet. The total time updates as\nsections are added or removed so the student knows exactly how long they're\ncommitting to.",[26,133],{"alt":134,"src":135},"Self-proctored exam configuration screen on Kronos","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/07-self-proctor-config.webp",[85,137,139],{"id":138},"live-proctoring","Live Proctoring",[16,141,142],{},"Once the exam starts, Kronos reads each section's opening script aloud, starts a\nsection countdown, and plays ambient sound to keep the student focused. Students\ncan fast-forward between sections, stop the exam, or background the app, and we\nsend a notification if they're away too long so they don't lose their place.",[26,144],{"alt":145,"src":146},"Live self-proctored exam in progress on Kronos","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/08-self-proctor-in-action.webp",[11,148,150],{"id":149},"revolution-now","Revolution Now",[16,152,153],{},"Revolution Now was Kronos's on-demand text-chat tutoring product. Instead of\nwaiting for a scheduled session, a student could open the app, pick a subject,\nand be in a live chat with a qualified tutor within seconds. We built the whole\nexperience inside Kronos: subject browsing, live chat, image uploads, a\ncollaborative whiteboard, and a post-session review flow.",[85,155,157],{"id":156},"home-page","Home Page",[16,159,160],{},"The Revolution Now home page renders the subjects a student has set up and which\nones have a tutor available right now. Live subjects bubble to the top with a\nclear call to start a session; subjects with a tutor coming online soon show\ntheir next live window.",[26,162],{"alt":163,"src":164},"Revolution Now home page on Kronos","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/01-rev-now-home-page.webp",[85,166,168],{"id":167},"ask-a-tutor","Ask a Tutor",[16,170,171],{},"Tapping into a live subject opens a short confirmation step so the student knows\nwho they're about to chat with and how their session will count against their\nplan. From here it's one tap to start the conversation.",[26,173],{"alt":174,"src":175},"Ask a tutor confirmation screen on Revolution Now","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/02-rev-now-ask-a-tutor.webp",[85,177,179],{"id":178},"live-chat","Live Chat",[16,181,182],{},"The chat itself is built for the speed students actually expect from a messaging\napp, typing indicators, near-instant delivery, and an attachment button that\nhandles photos, files, and the whiteboard.",[26,184],{"alt":185,"src":186},"Live chat with a tutor on Revolution Now","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/03-rev-now-chat.webp",[85,188,190],{"id":189},"send-a-picture","Send a Picture",[16,192,193],{},"Most homework questions are easier to explain with a photo of the problem.\nStudents can snap a picture or pick one from their library and send it inline,\nwhich the tutor can then annotate or reference directly in their reply.",[26,195],{"alt":196,"src":197},"Sending a picture in a Revolution Now chat","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/04-rev-now-send-picture.webp",[85,199,201],{"id":200},"draw-on-the-whiteboard","Draw on the Whiteboard",[16,203,204],{},"For problems that need real explanation, either side can open a whiteboard and\ndraw. It's the difference between a tutor saying \"imagine a right triangle\" and\nactually sketching one for the student to work through.",[26,206],{"alt":207,"src":208},"Shared whiteboard drawing in a Revolution Now session","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/05-rev-now-draw-whiteboard.webp",[85,210,212],{"id":211},"review-the-tutor","Review the Tutor",[16,214,215],{},"When the session ends, the student rates their tutor and can flag what went well\nor what could have been better. The ratings fed back into our staffing data so\nthe best tutors got matched to more sessions, and the friction-free flow made\nstudents likely to actually leave feedback.",[26,217],{"alt":218,"src":219},"Post-session tutor review screen on Revolution Now","https://max-dev-portfolio.s3.us-west-1.amazonaws.com/projects/revolution-prep/kronos-mobile-app/06-rev-now-review-tutor.webp",{"title":221,"searchDepth":222,"depth":222,"links":223},"",2,[224,225,226,227,228,234,238],{"id":13,"depth":222,"text":14},{"id":32,"depth":222,"text":33},{"id":49,"depth":222,"text":50},{"id":61,"depth":222,"text":62},{"id":79,"depth":222,"text":80,"children":229},[230,232,233],{"id":87,"depth":231,"text":88},3,{"id":98,"depth":231,"text":99},{"id":109,"depth":231,"text":110},{"id":120,"depth":222,"text":121,"children":235},[236,237],{"id":127,"depth":231,"text":128},{"id":138,"depth":231,"text":139},{"id":149,"depth":222,"text":150,"children":239},[240,241,242,243,244,245],{"id":156,"depth":231,"text":157},{"id":167,"depth":231,"text":168},{"id":178,"depth":231,"text":179},{"id":189,"depth":231,"text":190},{"id":200,"depth":231,"text":201},{"id":211,"depth":231,"text":212},"Revolution Prep","2022-01-01T00:00:00.000Z","Revolution Prep's iOS and Android mobile app for students and tutors, giving on-the-go access to Homework Help, exam scoring, and self-proctored practice.","md",{},true,"/projects/kronos-mobile-app",{"title":6,"description":248},"projects/kronos-mobile-app",[256,257,258],"Frontend","Full Stack","UX Design",[260,261],"vue","ionic","vkX7UAL_1GFAAa1qnxV2oU8W3VVEzl_hyx1P2fyW7Jk",1779483572635]