FLIP

A dynamic language game, merging memory cards with vocabulary learning for all-ages and languages

  • Implemented FlexBox, Grid, and Animation for a dynamic and responsive UI

  • Developed user input tag and event handling, enabling users to type in any language

  • Built a global theme for visual consistency

  • Incorporated random(), allowing the user to have an engaging experience

snappy

An SNS service that matches photographers with users for snap photography.

  • Developed a user profile page and a visual appealing chat feature with a polaroid frame design

  • Built a common library to manage global styles and themes for styled-components to maintain consistency

  • Created a framework for web pages that enabled dynamic resizing of photos, dependent on user screen size Developed a versatile gallery, featuring grid and list formats, for varied sizes based on nth-child differentials

  • Optimized font loading by using an elegant performance degradation method: local -> wff2 -> wof2 -> ttf