MDSiam8/q2l_t3_stack
Nov 2024 – Nov 2024
1 Month active
Languages Used
GLSLJavaScriptTypeScript
Technical Skills
3D GraphicsFront End DevelopmentFront-end DevelopmentGSAP AnimationReactReact Three Fiber
tom-maria500
PROFILE
Tom-maria500
Maria Tom developed an interactive lab simulation feature for the MDSiam8/q2l_t3_stack repository, focusing on the Diluting Standard Solution Step 3 transfer. She engineered a user-driven workflow where the stopper can be removed and the flask tilted to initiate a liquid transfer, with the Next button activating only after the correct tilt action. Using React, Three.js, and TypeScript, Maria implemented a real-time water-fill animation in the beaker, leveraging 3D graphics and GSAP animation for visual feedback. Her work enhanced the simulation’s realism and educational value, providing a more engaging and intuitive experience for users mastering laboratory procedures.
Overall Statistics
Feature vs Bugs
100%Features
Repository Contributions
2Total
Bugs
0
Commits
2
Features
1
Lines of code
150
Activity Months1
Your Network
9 people
Work History
November 2024
2 Commits • 1 Features
Nov 1, 2024November 2024 (Month: 2024-11) — Key feature delivery in MDSiam8/q2l_t3_stack: interactive Diluting Standard Solution Step 3 transfer with stopper removal, tilt-driven transfer, and live visualization; Next button gating enabled upon tilt; water-fill animation added for beaker visualization. This work enhances realism and learning value in the lab simulation, supporting user engagement and faster mastery. Notable commits included: abf94bd0611ba796242f6567264240391b2bb7f3 (water filling animation using cylinder mesh) and b4e788460619a4a6612640a4304ddb0c3d07d239 (work on step 16— groundwork for water fill).
2 Commits • 1 Features
Nov 1, 2024November 2024 (Month: 2024-11) — Key feature delivery in MDSiam8/q2l_t3_stack: interactive Diluting Standard Solution Step 3 transfer with stopper removal, tilt-driven transfer, and live visualization; Next button gating enabled upon tilt; water-fill animation added for beaker visualization. This work enhances realism and learning value in the lab simulation, supporting user engagement and faster mastery. Notable commits included: abf94bd0611ba796242f6567264240391b2bb7f3 (water filling animation using cylinder mesh) and b4e788460619a4a6612640a4304ddb0c3d07d239 (work on step 16— groundwork for water fill).
November 2024
Activity
Loading activity data...
Quality Metrics
Correctness85.0%
Maintainability80.0%
Architecture80.0%
Performance80.0%
AI Usage30.0%
Skills & Technologies
Programming Languages
GLSLJavaScriptTypeScript
Technical Skills
3D GraphicsFront End DevelopmentFront-end DevelopmentGSAP AnimationReactReact Three FiberThree.js
Repositories Contributed To
Overview of all repositories you've contributed to across your timeline