AboutProjectsTestimonialsContact

Dynamic Web Magic with Next.js

Transforming Concepts into Seamless User Experiences

Hi! I'm Xinyang, a Frontend Developer based in Nanjing.

I prioritize collaboration with colleages, fostering open communication
I'm very flexible with time zone & English communications
;
I constantly try to improve
My tech stack
React.jsNext.jsTypeScript
Vue3.jsViteRouter
Life is short, I use VIM.
Tech enthusiast with a passion for development.
The Inside Scoop
Currently building an animated iPhone 3D website
Do you want to contact me for further information?

A small selection of recent projects

bg-img
My frontend developer Blog

My frontend developer Blog

Deployed on github using Nobelium, recording the problems I met during learning frontend development and the experience I get.

/next.svg
/re.svg
/tail.svg
/ts.svg

Check Live Site

https://musherm.github.io/nobelium/
bg-img
Promptopia - Share your prompts

Promptopia - Share your prompts

A full-stack app that allows users to log in with Google account and share their prompts & stories with others, built with Next.js, Tailwind CSS, and MongoDB.

/next.svg
/re.svg
/tail.svg
/nextAuth.svg
/Mongo.svg

Check Live Site

https://promptopia-musher.vercel.app/
bg-img
Nike Website Clone

Nike Website Clone

A nike website clone, built to excersice Tailwind CSS.

/vite.svg
/re.svg
/tail.svg

Check Live Site

https://musherm.github.io/Nike/
bg-img
Animated Apple iPhone 3D Website

Animated Apple iPhone 3D Website

Recreated the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects..

/vite.svg
/tail.svg
/ts.svg
/three.svg
/gsap.svg
/sentry.svg

Check Live Site

https://apple-website-musher.vercel.app/

Kind words from satisfied interviewers

  • Your experience in college is so wonderful, and your CET 4/6 grade impresses me a lot. You have proved your English reading ability, learning skills and the ability to quickly set up a new developer environment by building up a minimal Hello World project in a short time without background of React. I'm glad if you can join us.
    profile
    Mei-TuanDuring Summer Internship Interview

My approach

Learning skills

I insist that the official document is always the first step to learn and the last step to get dived in a new tech stack. Ranging from basic grammar and commands to setup a environment, to the most advanced features and best practices, the official document almost provides everything you need.

Project Development

Once I get the basic grammar of a new tech stack, I'll start to build a project from scratch. I believe that the best way to learn is to do. From the very beginning, I've completed a back-office management project base on Vue3.js + TS, a portfolio project base on Next.js, a prompt share website based on Next.js, MongoDB, and Tailwind CSS, and deployed a Blog based on Nobelium, containing how I solved the problems I met during learning.

What's more

A 3D iPhone website is during develepment, which helps me learn Three.js. As I said, if I want to learn something new, I'll just get my hands dirty.