Olly
Care Platform Helping Both Dementia Patients and Caregivers Maintain Daily Life
Olly is a helper app for healthy dementia living that supports dementia patients and caregivers in safely continuing their daily lives. This project won the Excellence Award in the Digital Media Design category at the 2024 International Communication Design Competition and was selected as Kaywon University of Art & Design's representative work, presented at Vietnam Mobile Summit 2024. For the introduction website, I implemented interactions such as persona switching, infinite loop slider, and scroll-based header control using JavaScript and CSS. I also utilized the AOS library to create smooth scroll animations.
Details
Developed Progress State and Data Persistence System for 3-Step File Processing Workflow
- Reliably managed user data and progress state in a 3-step workflow from file upload to metadata configuration and download.
- Utilized Zustand for state management to maintain user input values and file information globally at each step, enabling users to continue their work without data loss when moving between steps.
Implemented Optimized File Download Using File System Access API and Web Streams API
- Implemented file download functionality that allows users to directly select the save location using File System Access API.
- Implemented a fallback pattern based on Web Streams API for browser environments that don't support File System Access API. This prevented memory shortage issues when processing large files and achieved stable file processing without browser performance degradation through stream-based processing.
Implemented EXIF Metadata Read/Write Processing Using piexifjs Library
•Introduced the piexifjs library to handle EXIF metadata in a JavaScript environment and implemented functionality to read and edit film photo metadata. Enabled editing of various EXIF information such as camera model, shooting date, ISO, and aperture values through a user-friendly UI.
Stable Batch Processing with File Validation and Natural Language Sorting
•Prevented errors from unsupported file formats or corrupted files by validating the format and size of uploaded files in advance. Also implemented natural language sorting utility functions to correctly recognize numeric order in filenames, ensuring files are processed in the order users expect.
Enhanced Development Efficiency by Introducing Rust-based Biome
•Significantly improved linting and formatting speed by replacing the existing ESLint and Prettier combination with Rust-based Biome. Integrated code quality inspection and automatic formatting into one tool and greatly enhanced development productivity by increasing development workflow efficiency with fast execution speed.