truthone/km-front

Created Mar 16, 2023 · View the truthone/km-front repository page

An animated time-lapse of how truthone/km-front was built, commit by commit.

Want this for your repo?

Render a free sample of any GitHub repo in seconds.

Visualize your own →

Contributors

10

Lines of Code

1,592

From

Apr 9, 2022

To

Feb 12, 2023

About truthone/km-front

Kilometer is a cultural activity discovery and review platform that helps users find and share experiences with exhibitions, concerts, musicals, and other cultural events. The service allows users to browse cultural content information, write and read reviews from other attendees, save events they're interested in, and like reviews from the community. Users can maintain a personal archive in their profile to track and manage the cultural activities they've attended along with their own reviews.

The frontend was built with Next.js, TypeScript, Recoil for state management, and Emotion and styled-components for styling. The project ran from February 2022 to March 2023 with a team of eight people including planners, designers, and full-stack developers. The individual contributor implemented several key features including a reusable image carousel module with mouse drag functionality, an IntersectionObserver-based carousel indicator to optimize performance, and multiple pages including the user profile, personal review archive, event detail pages, and a real-time review section that displays recent activity from other users.

The implementation involved building carousel interactions with smooth dragging, handling lazy loading and visibility detection for better performance, fetching and displaying user-generated review data, and implementing like functionality across the platform. The contributor also participated in QA testing by writing test cases and troubleshooting issues that arose during development.

Share this video