Frontend Engineer · AI4S · Scientific Visualization
- Frontend engineer based in Suzhou, China, currently building materials-AI and AI for Science products at Suzhou Laboratory.
- 4 years of experience delivering data-intensive Web, H5, and mini-program applications; previously at Hangzhou Data Exchange.
- Focused on frontend architecture, scientific workflow orchestration, AI Agent workspaces, 2D/3D visualization, and engineering infrastructure.
- (Used to be an) active Dify frontend contributor.
- B.S. in Computer Science and Technology, Zhejiang University of Technology, Class of 2022.
| Area | Work |
|---|---|
| AI for Science | Materials databases, knowledge systems, AI Agent workspaces, and research-oriented product experiences |
| Scientific workflows | Visual orchestration with React Flow for computation, analysis, and human-in-the-loop tasks |
| Scientific visualization | Crystal structures, band structures, density of states, graph relationships, and interactive analytical views |
| Frontend architecture | Typed service layers, state boundaries, route conventions, error handling, performance governance, and reusable components |
| Delivery systems | Multi-platform applications, automated builds, package publishing, CI/CD, and AI-assisted engineering workflows |
| Project | Description | Stack |
|---|---|---|
| matsci-crystal-viewer-kit | Production-oriented, extensible 3D crystal structure viewer for materials applications | React, Three.js, TypeScript |
| matsci-search-periodic-kit | Search and interactive periodic-table toolkit for materials discovery workflows | React, TypeScript |
| matsci-ui | Reusable React UI components for materials-science applications | React, TypeScript |
| taro-miniapp-template | Practical multi-platform starter for WeChat and Alipay mini programs | Taro, React, Zustand, Tailwind CSS |
- Designing maintainable boundaries between page view models, server state, client state, and presentational components.
- Building responsive workflow editors and data-heavy interfaces without sacrificing interaction quality.
- Deferring expensive charts, 3D scenes, Markdown renderers, and route modules until they are needed.
- Treating loading, empty, error, cancellation, and destructive-action states as part of the product contract.
- Applying AI-assisted coding to implementation, refactoring, testing, documentation, and engineering knowledge reuse.
From: 18 August 2026 - To: 25 August 2026
TypeScript 14 hrs 49 mins 🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟩🟨⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 46.37 %
CSS 6 hrs 17 mins 🟩🟩🟩🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 19.68 %
Other 3 hrs 23 mins 🟩🟩🟨⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 10.64 %
Markdown 2 hrs 46 mins 🟩🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 08.70 %
JSON 1 hr 44 mins 🟩🟨⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜ 05.47 %- Email: zhujiruo@foxmail.com
- Blog: hyaciovo.vercel.app
- Juejin: Hyacinth
More contact options
- QQ:
849385638 - WeChat:
Ench4nted2MeetU