Khunlook Nursery

A capstone project developed for Chulalongkorn University's nursery school. This project features a classroom management dashboard that helps teachers and administrators manage student information, attendance, learning activities, and communication with parents.

My Role

As the Designer and Frontend Developer, I led the UI/UX redesign process based on user feedback and analytics. I established the frontend architecture using React and Vite, focusing on a feature-based approach that improved code organization and maintainability. I also implemented comprehensive testing practices that achieved over 80% test coverage.

Technical Challenges

One of the key challenges was creating a responsive dashboard that worked seamlessly across devices while maintaining optimal performance. I leveraged Ant Design's Grid System to create a fluid layout that adapted to different screen sizes. Another challenge was implementing a comprehensive testing strategy that covered both unit functionality and end-to-end user flows, which I addressed using Vitest and Playwright.

Results

The redesigned system improved user experience metrics from 57% to 90%, significantly enhancing user satisfaction and productivity. The adoption of feature-based architecture and comprehensive testing resulted in reduced bugs in production and faster development cycles for new features.