Projects

project image 1project image 2project image 3project image 4

Judgify Landing Page Builder

Typescript
React
Tailwind
Laravel

Custom landing page builder for Judgify event home pages.

  • Designed editor UI and architected editor functionalities.
  • Designed a recursive tree structure for content data, ensuring seamless implementation between the editor and renderer.
  • Integraded drag & drop features for convenient content positioning.
  • Implemented performant recursive functions for core editing operations such as element addition, updates, deletion, undo/redo, and duplication, ensuring smooth editing experience for users.
  • Implemented action batching and debounced updates for API requests, reducing network calls and improving efficiency during user actions.
project image 1project image 2project image 3project image 4project image 5project image 6

Judgify UI Library

Typescript
React
Tailwind
Babel

Custom React UI library for Judgify front-end applications.

  • Reusable and scalable UI components aligned with the Judgify design system, enabling consistency across multiple front-end projects.
  • Implemented components with a focus on accessibility and responsiveness.
  • Authored comprehensive technical documentation detailing component usage, props, customization options, and maintenance guidelines to support team-wide adoption.
project image 1project image 2project image 3project image 4project image 5project image 6

Tea Chat

Typescript
React
Web Socket

A chat application capable of comprehensive suite of chat features.

  • Incorporated detail features to UI, that will facilitate user experience.
  • Implemented debouncing features to user actions(live typing, message status, upload status, etc...) eliminate redundant socket emissions
  • Carefully manage web sockets connection to ensure no unnecessary socket emissions & API call from frontend, reducing server load and cost.
project image 1project image 2project image 3project image 4

Myanmar Calendar

Typescript
React
Tailwind

A feature-rich calendar app that seamlessly combines the functionality of Gregorian and Myanmar calendars.

  • Re-designed and Implemented user customizable interface.
  • Ensured that the app is performance for Day and Calendar event mapping.
  • Designed the event model system for easy implementation and extension of calendar events.
  • Documented contribution guide for further addition of calendar events.