Realtime Responsive
Web Chat Application

Company

SOZO

Period

10/01/2024 ~

Role

Senior Front End Developer

Team

Senior Frontend Developer
UI/UX Designer
Backend Developer

About Project

A web-based chat application designed for companies, offering features similar to Discord and Slack, with dedicated channels showcasing company profiles, technologies, and relevant articles to enhance collaboration and knowledge sharing.

Skills

TypeScript

React

Tailwind CSS

shadcn/ui

FastAPI

Python

Docker

Tanstack Query

UI Design

Keys

☑️ Collaborated closely with the backend development team to design and develop a responsive chatbot. Contributed to designing the backend API structure and shared insights on data models, which streamlined the development process and assisted backend developers in implementing REST APIs effectively.

☑️ Conducted guerrilla usability testing with potential users to gain deeper insights into their needs and perspectives. Based on the feedback gathered, I restructured the sitemap using Figma, which reduced the time users took to reach the target channel conversation page by 38%.

☑️ To address the high volume of API requests for the autocomplete UI displaying 4,043 companies, I implemented a debounce technique and caching strategy using Tanstack Query. This reduced the number of API calls by 35% and significantly improved the user experience.

☑️ Combined the React Context API for managing simple states with Zustand for complex global states, optimizing performance by reducing unnecessary re-renders. To address debugging challenges, I developed a custom UI debugging tool for Zustand, which decreased average debugging time by 40%.