🪴 Client Work（Real World Project）
B2B Internal Tools | Data Dashboard | CSV Workflows | Validation & Error Handling | | Figma Wireframes | Spec & Handoff
- Period: December 2025 - March 2026
- Location: Tokyo, Japan
- Tech & Tools: React, TypeScript, Next.js, Redux, RTK, MSW, Material UI, Jest, RTL, Figma, GitHub, VS Code with Copilot
🔎 Overview
Designed and specified two new internal dashboard features for power operations teams:
Operation Planning (month view + day view) and Operation Mode Switching.
The goal was to make experimental schedule changes safe and repeatable via UI, replacing ad-hoc database updates previously done through command-line / direct DB access.
🖼️ Screens I designed (final screens + key modals)
Operation Planning
-
Final (Spec): Month view
Final Spec — Month view. A two-month grid to quickly see which dates/devices have plans, download a CSV template, and bulk-delete selected dates safely.
-
Final (Spec): Day view
Final Spec — Day view. A spreadsheet-style table for one date (devices × 48 slots), with CSV download/upload and a clear path to delete that day’s plan.
-
Final (Spec): Validation error view
Validation feedback. Upload errors are aggregated and shown with actionable messages so operators can fix issues in one pass before re-uploading.
Operation Mode Switching
