graph LR
A[Engineering Mindset] --> B(Precision Systems)
A --> C(Performance Optimization)
A --> D(Technical Problem-Solving)
B --> E[Web Applications]
C --> F[React Performance]
D --> G[Full-Stack Solutions]
Real estate management system with booking engine and admin dashboard Tech: React (Vite) • Supabase • Tailwind CSS Solved: Complex state management for real-time bookings
3D model visualization for engineering components (commissioned) Tech: Three.js • React • Custom WebGL Shaders Solved: Browser-based rendering of complex CAD models ⭐ Impact: Reduced client review cycles by 65%
Inventory management system for bicycle collections Tech: TypeScript • PostgreSQL • Express.js Solved: Predictive maintenance scheduling algorithm
B.Eng Mechanical Engineering Shenyang Agricultural University Thesis: "Optimization of Mechanical Systems Using Computational Methods"
"Applying mechanical precision to digital solutions: I build web applications with the same rigor I'd engineer physical systems. Performance optimization isn't just about faster code — it's about creating efficient, maintainable systems that withstand real-world demands."
journey
title My Development Process
section Design
Requirements Analysis: 5: Me
Architecture Planning: 4: Me
section Build
Frontend Development: 8: Me
Backend Development: 8: Me
section Optimize
Performance Tuning: 7: Me
Scalability Review: 6: Me
graph TD
A[Frontend] --> A1[Vite + React + TypeScript]
B[Backend] --> B1[Node.js + Express]
C[Database] --> C1[Supabase + PostgreSQL]
D[Infrastructure] --> D1[Heroku + AWS]
E[Engineering] --> E1[MATLAB for data analysis]
Let's build something powerful together. Feel free to reach out via email or check out voyani.tech.