Full Stack Web Developer

Shaozhuo Xu

Passionate full-stack developer with expertise in React, Next.js, Node.js, and modern web technologies. I build responsive, user-friendly applications with clean code and best practices. Currently working as a Web Developer at CoEdge Solutions and contributing to AI model training projects. View my featured project

Shaozhuo Xu

Projects

PropertyPulse

A comprehensive full-stack property rental platform built with Next.js and React that connects renters with property owners. Features include interactive property listings with map integration, advanced search and filtering, user authentication with NextAuth, image upload and gallery management with Cloudinary, MongoDB database integration, and a modern UI built with Tailwind CSS and Radix UI components. The platform includes social sharing capabilities, toast notifications, and responsive design optimized for all devices.

Live Demo: property-pulse-tawny.vercel.app

  • Next.js
  • React
  • MongoDB
  • Tailwind CSS
  • NextAuth
  • Cloudinary
Property rental platform.

Ultimate CSS Grid & Layout Techniques, v3

CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. With its two-dimensional structure, precise positioning, and overlapping elements, you’ll learn to achieve complex layouts with minimal code. You'll also explore advanced techniques like container queries for adaptive components and subgrids for nested layouts. Through hands-on CodePen exercises, you'll apply these techniques to real-world projects!

  • HTML
  • CSS
Grid-based layout with 3 columns and 4 rows, some merged, featuring planets and moons.

CSS Projects

Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques. You'll leverage CSS variables, flexbox and grid, inheritance, and responsive design strategies for supporting multiple device form factors. By completing these projects, you'll gain the confidence and refine your skills to tackle any HTML and CSS challenge in your professional path!

  • HTML
  • CSS
Our Team page featuring 6 images of people in 2 rows with social media icons overlapping each image.