github.com/truthone/km-front ↗

An animated visualization of truthone/km-front's Git history from April 2022 to February 2023, built by 10 contributors. The codebase reached 1,592 lines, mostly TypeScript. The video runs 42 seconds.

Render your own repo

Turn any GitHub repository into a video like this — free sample in seconds.

Visualize your own →

Open this visualization on its own page →

Language

TypeScript

Contributors

10

Lines of Code

1,592

From

2022-04-09

To

2023-02-12

Advertisement

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.

Advertisement

Share this video