Hi, my name is
Ryan Zhang
I'm a
Front-End Developer
Building accessible, pixel-perfect web experiences with React (Next.js) and TypeScript.
About Me
I'm a junior full-stack developer and Master's student in IT based in Melbourne, Australia. I enjoy building end-to-end web applications with React, Next.js, and Tailwind CSS, with a focus on clean design and smooth user experiences.
On the back end, I work with Node.js, SQL, and RESTful APIs to design reliable data flows and practical system architecture. I'm particularly interested in writing maintainable code, optimizing performance, and turning ideas into working products.
When I'm not coding, you'll probably find me exploring Melbourne's café scene or sketching ideas for my next side project.
My Projects
KeyMotion
A fully featured typing speed test application that monitors and analyzes overall typing performance. It delivers detailed metrics such as total words typed, error count, and accuracy percentage, enabling users to track their progress and enhance their typing proficiency.
- React
- TypeScript
- Tailwind
- Framer Motion
- Vercel
My Portfolio
A responsive personal portfolio website built with Next.js and TypeScript, featuring a clean UI powered by Tailwind CSS. It includes smooth scroll animations with Framer Motion, a dynamic project showcase, and a fully functional contact form. Deployed on Vercel for optimal performance.
- Next.js
- React
- TypeScript
- Tailwind
- Framer Motion
- Vercel
TicketSnap
An AI-powered movie ticket generator built with Google Gemini. It can auto-fill movie metadata, generate an art-style poster, extract the dominant color palette, and render tickets in three layouts (Story, Classic, Social). Export high-resolution ticket images with one click.
- React
- TypeScript
- Vite
- Tailwind CSS
- Google Gemini API
- html2canvas
My Skills
- HTML
- CSS
- TypeScript
- React
- Next.js
- Vue.js
- Framer Motion
- Tailwind
- Node.js
- Express
- NestJS
- Spring Boot
- SQL
- Prisma
- Supabase
- Git
- Jest
- Bootstrap
- Docker
- CI/CD
- Vercel
- AWS (basic)
My Experiences
Master of Information Technology
Monash University, Australia
Pursuing a Master's degree focused on software development and web technologies. Gaining hands-on experience with modern frameworks like React, Next.js, and building full-stack applications
2024 Jul - 2026 JunFrontend Developer (Intern)
Lingyun Technology, Shenzhen
- Refactored the attendance module in Spring Boot into stateless RESTful APIs with standardized CRUD design, improving front-end integration.
- Applied Service and Repository patterns with DTOs and TypeScript interfaces to enforce data consistency and reduce runtime errors.
- Optimized JPA pagination and implemented front-end debounce and fuzzy search, improving API response time by ~30% and lowering database load.
- Designed a responsive UI system using Atomic Design, Tailwind CSS, Framer Motion, and the Factory Pattern to maximize component reusability.
- Followed Git-flow, led PR reviews for core modules, and contributed to Docker-based CI/CD pipelines for automated deployments to Vercel.