A management platform built with Next.js, React and TypeScript, plus the LGS light-guiding station subsystem.
技術構成
What the platform is#
Conhis System is a management platform built with Next.js, React and TypeScript. The interface is responsive by construction, using Tailwind CSS together with shadcn/ui so the whole team shares one design vocabulary — from a single button all the way up to dense data tables.
How the front end is put together#
- Treat
shadcn/uias the base layer and grow project-specific components on top of it, rather than restyling from scratch on every screen. - Design data tables that stay usable on small screens: collapse the columns nobody acts on, always keep the columns a decision depends on.
- Keep server state separate from view state, so refreshing data never wipes out what the user is halfway through typing.
- Handle errors the same way everywhere, so users get a predictable message instead of an empty screen.
A second piece of the work, built together with the team, is the LGS (light-guiding station) subsystem: indicator lights point an operator at the exact storage slot to pick from. It required software and on-site hardware to be brought into agreement at the same time.
- Establish shared components and theming for reuse across the platform
- Make the core management screens workable on the tablets used on the floor
- Wire the LGS subsystem into the operators existing workflow
- Keep folding in usability fixes as they come back from the floor
Support after handover#
A system is not finished when it reaches production. It is finished when the people using it stop needing to call you.
| Area | Contribution |
|---|---|
| Front end | Built the screens with Next.js, React and TypeScript |
| Interface | Responsive UI design with Tailwind CSS and shadcn/ui |
| LGS subsystem | Built the light-guiding station together with the team |
| Support | On-site and remote support to keep the system stable |