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.

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.

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.

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.

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.

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.

This is a Java-based IQ test Android app that I developed as a project for my ITP4501 course. The app is designed to provide users with a series of numerical reasoning questions and evaluate their performance based on their answers. The project was completed as part of the ITP4501 course at the HKIVE.

Features

• User-friendly interface for easy navigation.
• Multiple-choice questions with instant feedback.
• Score calculation based on user responses.
• Option to view correct answers for incorrect responses.
• Timer to track the time taken for each question.
• Results summary at the end of the test.
• Database integration using SQLite to store test questions, user scores and test history.
• Scoreboard to track progress over time.
• Bar chart visualization of scores.

My thoughts

Developing this app was a great learning experience for me. I learned a lot about Android development, Java programming, and database management. I also gained valuable insights into user experience design and how to create an engaging app. Overall, I am proud of the final product and believe it showcases my skills and knowledge in Android development.

This is my personal home page, you are visiting, 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.

Features

• Personal blog posts
• Project showcases
• Search functionality
• Links to my social media and other platforms

My thoughts

My old personal page was made 3 years ago, and I think it is time to update it. But the old version was hard to maintain, so I decided to use Hugo and LoveIt theme to create a new one, which is much easier to manage and customize. I also want to make it more user-friendly and visually appealing. So, I hope you will enjoy my new personal home page!