A desktop application for multimedia organization, built as a case study in AI-pair programming.
A desktop application for multimedia organization, built as a case study in AI-pair programming.
Developed to explore the modern method of AI-assisted programming. Through this project, I aimed to understand the boundary between AI's capability to generate code and the human capacity to interpret and correct flows to achieve a functional product. From my point of view, fundamental software engineering concepts are necessary to use AI capabilities in software development. Only by applying SOLID principles, understanding data structures, logical problem decomposition, and performance optimization can a functional product be obtained. This project is developed in Python using PyQt6 for the graphical interface. Although it was a case study, the application is fully functional and can be used for organizing multimedia collections.
A community-driven Q&A platform built with Next.js 14 Server Actions and AI-powered capabilities.
A community-driven Q&A platform built with Next.js 14 Server Actions and AI-powered capabilities.
Designed as a modern successor to traditional Q&A forums, DevOverflow leverages the power of Next.js 14 Server Actions for handling database mutations and OpenAI for intelligent answer generation. The application features a complex reputation system, robust global search with filters, and a fully responsive design, demonstrating an advanced level of full-stack competence. This is the most complex project I have built to date, showcasing my skills in both frontend and backend development, as well as my ability to blend existing technologies with modern development practices.
Enterprise-grade task management with payments and auth.
Enterprise-grade task management with payments and auth.
A Trello-style application with drag-and-drop task lists, optimistic UI updates for a near zero-latency feel, and Stripe Connect for subscription management. The purpose of this project is to demonstrate my skills in building SaaS applications and my understanding of the difference between using Server Actions (for server-side mutations) versus API calls (for client-side mutations).
Ticket management system.
Ticket management system.
An application that allows users to manage tickets. I built this application to acquire the following skills: OAuth for authentication and authorization, using charts for data visualization, and utilizing Radix-UI components for user interaction.
A minimalist blogging platform focusing on content, built with Next.js.
A minimalist blogging platform focusing on content, built with Next.js.
InsightStream is a case study in minimalist web architecture. By eliminating unnecessary complexity, it achieves near-instant load times. Built with Next.js, it leverages static site generation and a Markdown workflow. I built this project to deepen my knowledge of performance optimization techniques and content rendering strategies, focusing on user experience and design simplicity.
An interactive sequence game built with vanilla JavaScript, focusing on event handling and game state logic.
An interactive sequence game built with vanilla JavaScript, focusing on event handling and game state logic.
A classic pattern-matching challenge implemented to demonstrate core JavaScript fundamentals. I built this application to understand jQuery, HTML, and CSS. It was useful for understanding the difference between direct DOM manipulation and the Virtual DOM concept built via React.
A minimalist application for playing drum sounds.
A minimalist application for playing drum sounds.
A minimalist project for playing drum sounds, built with vanilla JavaScript, HTML, and CSS. I built this application to understand how to handle keyboard events and mouse clicks, as well as how to add simple animations using CSS.