SunQ

概要

コスメショップでの「顧客」と「店員」双方の悩みを解決するQRコードベースのサービスです。お客様が肌悩みやパーソナルカラー、好みのイメージなどをあらかじめ登録しておくと、来店時に店員がQRコードを読み取るだけでその情報が瞬時に共有され、伝える手間ゼロで理想のショッピング体験を提供できます。

主な機能

• トークンベース認証によるログイン
• 肌悩み・パーソナルカラー・好みのイメージなどの登録・編集
• ユーザー専用QRコードの生成・表示
• QR読み取りによる顧客情報の即時表示
• 登録情報をもとにしたパーソナライズ商品レコメンド
• レコメンドへの評価機能

技術スタック

• フロントエンド：React / TypeScript / Vue
• バックエンド：Python / FastAPI
• データベース：PostgreSQL
• インフラ：Render
• 開発ツール：GitHub / Cursor

チームと担当

4人チーム（フロントエンド2名・バックエンド2名）での開発で、私はフロントエンドの実装を担当しました。Cursorを活用した高速開発を意識し、実装期間2日間でスピードとクオリティを両立させることを目指しました。

工夫した点

• 共通処理をユーティリティ関数として切り出し、保守性・可読性を確保
• QRコードの誤り訂正機能を活かし、コード中央にロゴを挿入してブランド感を演出
• 短い開発期間の中でAIツールを積極活用し、実装速度を確保しつつ品質を落とさない工夫