CASE STUDY
HallGrid株式会社様
HallGrid は、多店舗の営業・休業情報を1画面で俯瞰・登録・絞り込みできる管理プラットフォーム。Excel と各店舗に分散した情報を、リアルタイムに同期するカレンダーへ集約します。
情報の分散と登録の手作業という課題を、React の管理画面としてゼロから6ヶ月で内製構築した、新規プラットフォーム立ち上げストーリーです。
HallGrid 様は、全国数百店舗のアミューズメント施設の営業データを扱う事業者。各店舗の営業日・休業日・基本情報を正確に把握し、関係者へ素早く共有することが運営の要でした。
従来は店舗ごとに Excel で管理され、全体像の俯瞰や更新の即時共有が難しい状態。多店舗の情報を1つの基盤に集約する管理画面が求められていました。
月次カレンダー・店舗フィルタ・休業日登録の3機能を Amela と共にゼロから内製で構築。Redux Toolkit で全店舗の状態を一元管理し、登録した休業日が即座にカレンダーへ反映される設計に。PWA でオフライン環境にも対応しました。
React
TypeScript
Redux Toolkit
styled-components📅react-big-calendar
PWA (Workbox)3つのシナリオを用意しました。クリックで実際の画面が動きます。