Building modern, reliable web and mobile products.

- Canva-like visual document editor built as a browser-based creative workspace.

- Focused on designing resumes, portfolios, posters, documents, and AI-ready layouts with draggable pages and editable layers.

- Implemented canvas editing features including sections, text, shapes, image fills, layer organization, page management, and inspector controls for layout, typography, colors, spacing, and alignment.

- Added export workflows for PNG, PDF, project files, and AI-ready JSON tokens so layouts can be saved, shared, imported, or continued later.

- Explored an AI Builder direction for turning prompts, structured JSON, or design briefs into editable page layers instead of static image outputs.

- Backend API for converting public Canva links into downloadable PDF files, built with NestJS.

- Supports public Canva designs that can be viewed as rendered image pages, including image-based designs and presentation slides.

- Used Puppeteer to open public Canva links, resolve short links, detect the total page count, and render each page through URL fragments such as #1, #2, ....

- Removed Canva viewer chrome, measured the rendered design area, and generated correctly sized PDF pages from browser-rendered content.

- Combined individual page outputs with pdf-lib into a single PDF response that can be downloaded directly from the API.

- Implemented URL validation, rate limiting, sequential export queueing, timeout handling, and Chromium configuration for both local development and Vercel serverless deployment.

- Experimental 3D landing page built with ReactJS and ThreeJS.

- Focused on learning interactive 3D rendering, globe visualization, animation systems, and immersive UI experiences.

- Explored camera movement, lighting, object interaction, and performance optimization for browser-based 3D applications.

- Built as part of personal research to strengthen understanding of modern frontend visualization techniques.

- Interactive visual landing page developed with ReactJS.

- Focused on studying modern UI/UX motion design, interactive transitions, and creative frontend experiences.

- Explored animation timing, visual storytelling, and responsive interaction patterns for modern landing pages.

- Built as a personal learning project to improve frontend animation and visual presentation skills.

- Experimental ThreeJS project created through AI-assisted prompting and rapid idea-to-product workflows.

- Focused on exploring how AI can accelerate product prototyping, creative coding, and interactive 3D web experiences.

- Applied prompt engineering techniques to generate UI concepts, animations, scene structures, and interaction ideas from abstract product concepts.

- Built with ThreeJS and modern frontend technologies to study AI-supported development workflows and creative experimentation.

- Helped strengthen understanding of AI-assisted product development, rapid prototyping, and interactive visual system design.

- Backend data crawling system developed with NestJS for collecting exchange rate and crude oil price information.

- Applied Puppeteer to automate browser interactions and extract financial data from Vietcombank and related information sources.

- Implemented scheduled crawling workflows, data transformation, and automated synchronization processes.

- Focused on learning backend automation, web scraping architecture, and realtime financial data processing.

- Built with NestJS, Puppeteer, and scalable backend service patterns to strengthen backend engineering and system integration skills.

- Fullstack realtime chat application developed with ReactJS and NodeJS.

- Built as a personal learning project to strengthen backend development and realtime system knowledge.

- Implemented backend services using NodeJS and MongoDB, including CRUD operations, advanced querying, sorting, grouping, and realtime messaging workflows.

- Applied authentication and security techniques such as password hashing, accessToken, refreshToken, and image storage integration with Cloudinary.

- Initially implemented realtime communication with Socket.IO, later migrated to Pusher to improve deployment stability and scalability.

- Helped improve understanding of frontend-backend collaboration, API architecture, and realtime application design.

- Realtime mobile chat application developed with React Native.

- Built as a research project based on learning resources and experimentation with Expo ecosystem.

- Implemented messaging features, realtime communication with Pusher, message reactions, message deletion, and user profile management.

- Explored mobile performance optimization techniques such as lazy loading and efficient realtime state handling.

- Focused on improving understanding of realtime mobile application architecture and cross-platform development workflows.

- E-commerce website template developed with NextJS.

- Built as a learning project to study reusable frontend architecture and scalable e-commerce UI structures.

- Includes common e-commerce pages such as authentication, landing page, shopping cart, product listing, product detail, and contact page.

- Applied responsive design principles and component-based architecture for reusable development workflows.

- Focused on improving practical understanding of modern e-commerce frontend implementation.

- Restaurant landing page template developed with NextJS.

- Built as a frontend practice project to improve UI composition, responsive layouts, and landing page development skills.

- Includes sections such as hero banner, restaurant introduction, menu showcase, contact information, and reservation support.

- Explored responsive design systems and reusable layout structures for business landing pages.

- Focused on mastering clean UI implementation and modern web presentation techniques.