What it is

I built a Next.js Dashboard app following the official Next.js tutorial provided by Vercel. It’s a full-stack web application showcasing modern web development practices with Next.js and TypeScript. The dashboard provides a clean, responsive interface for data visualization and management, styled with Tailwind CSS and deployed on Vercel.

Features

• Responsive dashboard UI built with Next.js and styled using Tailwind CSS for a modern look and feel.
• Type-safe development using TypeScript to catch errors early and improve code reliability.
• Server-side rendering and static generation with Next.js for optimal performance and SEO.
• Seamless deployment on Vercel with automatic builds and CI/CD integration.
• Interactive data visualization and management components for intuitive user experience.

My thoughts

Building this Next.js dashboard was an excellent learning experience in full-stack development for me. It deepened my understanding of React component architecture, TypeScript’s type system, and Next.js features like server-side rendering and static generation. Working with Tailwind CSS made styling efficient and maintainable. Figuring out how to integrate everything together and deploy seamlessly on Vercel was both challenging and rewarding. I enjoyed seeing the dashboard in action and understanding how modern web frameworks streamline the development process. This project solidified my skills in contemporary web development practices and I plan to build more complex applications using this foundation.

What is this

This is a my personal page created with Hugo and LoveIt theme, and hosted on GitHub Pages. It serves as a place for me to share my thoughts, projects, and interests with the world.

Why create this page

I created this page to have a personal space on the internet where I can express myself, share my knowledge, and connect with others. As a developer and lifelong learner, I want to document my journey and showcase my projects, ideas, and interests.

What is this

This project implements a MIPS-based radix converter that converts numbers from Decimal to various bases. The converter is developed in MIPS assembly language and executed using QtSpim. Completed as part of the COMP2421 course at the HKPolyUHong Kong Polytechnic University.

Features

• Converts numbers from Decimal to binary, quaternary and octal bases.
• Supports both positive and negative integers.
• Handles invalid inputs gracefully.

My thoughts

Writing a simple program in assembly was quite a challenge. Compared to high-level languages like Java or Python, I realize how tricky even basic logic could get in MIPS. That said, completing this project was both rewarding and enjoyable.

What it is

I built a Discord bot called CDC Bot to make server management easier and more fun. The bot helps automate repetitive tasks and adds some cool interactive commands for users.

I coded it in Python using the Discord.py library, which made it easy to interact) library. I also added Flask to create simple webhooks so UptimeRobot could monitor the bot and restart it if it went offline.

What is this?

This is my old personal home page, created with React and Bootstrap, and hosted on GitHub Pages. It serves as a place for me to showcase my projects and interests with the world.

Features

• Information about me
• Share my thoughts
• Project showcases
• Links to my social media and other platforms

My thoughts

This old personal page was made 3 years ago, and it was made when i was learning React and Bootstrap, at that time I was not familiar with web development, so I used them to create a simple personal page and learn how to use them.

What is this?

This project implements a containerized, event-driven microservices architecture backend RESTful API, designed with reference to UberEat API, Completed as a group project as part of the COMP3122 course at the HKPolyUHong Kong Polytechnic University.

Features

• Microservices architecture with event-driven communication
• Docker Compose for container orchestration and deployment
• RESTful API endpoints
• Comprehensive unit testing
• UberEat API-inspired design for scalability and maintainability

My Thoughts

This project was a great opportunity to learn about microservices architecture and event-driven design patterns. I enjoyed working with Docker and Flask to create a scalable and maintainable backend API. The experience of collaborating with a team to build a complex system was invaluable, and I learned a lot about software development.