Hau La - Senior Software Engineer

✌️ Hi there! Have good day 🫣 I'm

La Xuân Hậu - Senior Software Engineer

Hi, I'm La Xuân Hậu (Hau La), a Senior Software Engineer with over 6 years of experience building high-performance web applications and intelligent platforms. I specialize in Frontend Development, Fullstack, and AI Platform Engineering, working on projects that blend AI orchestration, creative automation, and modern web infrastructure.

Who is NexGen

NexGen is a software development company specializing in modern web technologies and AI solutions. We provide comprehensive business consulting services and create custom solutions tailored to your operations, delivering high-quality results with a focus on innovation and performance.

What is Front End Development

Front-end development focuses on creating client-side of the application or platform: these are user interface (UI) and user experience (UX). It involves designing and building the elements of a website that users interact with directly through their web browsers.

Front-end development encompasses everything a user sees, touches, and experiences when visiting a website, including the layout, design, content, and interactivity.

Services

Front End Development
Services I Provide

Let me cover the nuances of Front End Development
for you seamlessly.

AI Platform & SDK Integration

I build AI-powered applications using Vercel AI SDK v5, integrating OpenAI, Anthropic, and Google Vertex AI under a unified gateway. This includes multi-agent orchestration, intelligent content generation, AI reasoning chat, and Magic Canvas Studio for creating image, video, and creative assets.

Original

1440px

750px

HTML/CSS/JavaScript development

I can provide a pure HTML/CSS-based front-end. It involves creating a static landing page with fixed content, optimized for SEO and different screen sizes. Using HTML 5.0, CSS 3.0, and JavaScript ES6 stack.

Single-page development (SPA)

Get a single HTML page that will dynamically update content as the user interacts with it, minimizing page refreshes for a smoother experience. Working with React, Angular, and Vue frameworks.

Mobile app front-end

The NexGen team leverages the potential of React Native and Flutter frameworks to create front-end for cross-platform or native mobile apps.

Progressive web app development (PWA)

Upgrade your SPA to PWA for a small additional cost within one project or get it developed from scratch. Enable offline access, faster load times, and installability, while taking the easiest way to make your app available for mobile.

Legacy front-end modernization

I help update an older or outdated front-end codebase to make it more modern, efficient, and effective. My team picks an appropriate front-end framework for the project, considering the size of the codebase and its complexity.

Design Thinking

Design Thinking I Adopt

Design thinking is an approach to developing a product's UI/UX. As a full-stack and AI platform engineer, I adopt a design thinking approach that combines empathy, user-centeredness, creativity, and AI-powered insights. I leverage AI tools to enhance research, automate repetitive design tasks, generate intelligent content, and create data-driven user experiences. This modern methodology allows me to tackle complex problems while harnessing the power of artificial intelligence to deliver innovative, user-friendly products that bring measurable value to your clients.

Discovery/Empathizing

I get acquainted with your project requirements and needs, seeking to understand your audience and shape design goals accordingly. At this stage, I put an emphasis on empathy, striving to understand the field and set tasks for further research.

Research/Definition

This is when I paint a portrait of your potential user, answering all the related questions about them. I construct user personas, define the role objectives, calculate challenges, and spot the pains. With AI-powered analytics, I process large datasets to uncover hidden user insights and behavioral patterns. You will get a competitive analysis, customer journey map, and AI-enhanced user intelligence reports.

Ideation

It's time for idea generation: you can join me in this process or fully delegate it to me. I leverage AI-assisted ideation tools to generate multiple design concepts, explore creative variations, and optimize information architecture. I work out a structure and layout, delivering wireframes, user flow, information architecture, business model canvas, and value proposition canvas enhanced with AI-generated insights.

Prototype

This stage is where the creativity takes physical shape. I use AI-powered design tools to accelerate prototyping, generate intelligent design variations, and create dynamic content. We deliver mockups and storyboards, developing a custom style with AI-optimized color palettes and typography. Eventually, you will get a clickable prototype enhanced with AI-generated content that your users may check and give feedback on even before the application is developed, UI style guide, motion and design system.

Test

Finally, I monitor user behavior using AI-powered analytics to understand what works in terms of design and what doesn't. I form focus groups and use different tracking tools, conducting various types of testing (A/B testing, user testing, screen-tracking) enhanced with machine learning insights. AI helps me analyze user feedback at scale, predict user preferences, and automatically generate recommendations for design improvements.

AI Enhancement & Optimization

I integrate AI-powered tools throughout the design process to enhance creativity and efficiency. This includes using AI for automated user research analysis, intelligent content generation, predictive user behavior modeling, and personalized experience recommendations. AI helps me identify patterns in user data, optimize conversion paths, and continuously improve the product based on real-time insights and machine learning algorithms.

My Process

My Front End Development Process

The software development life cycle is consistent across every application or product. Here's how I approach Front End Development: I've established a detailed and finely-tuned structure to ensure nothing is overlooked.

My Process

My Front End Development Process

The software development life cycle is consistent across every application or product. Here's how I approach Front End Development: I've established a detailed and finely-tuned structure to ensure nothing is overlooked.

Develop. GitHub, Bitbucket, GitLab, Azure DevOps

Wireframing and Design

I create wireframes or mockups of the user interface to visualize the layout, structure, and content placement. After you approve them, I proceed to develop the visual design, which includes selecting colors, typography, images, and other design elements. You will receive high-fidelity mockups or prototypes, followed by the full UI/UX app design.

UI Development

Implementing interactivity and functionality using JavaScript and front-end frameworks depending on the solution in question. Ensuring the UI complies with web accessibility standards, such as WCAG (Web Content Accessibility Guidelines), by providing proper HTML structure, alt text for images, and keyboard navigation.

Setup CI/CD pipeline

Implementing a CI/CD pipeline automates code management, quality checks, and deployments. I choose a version control system, set up a CI server (e.g., Git, Travis CI, GitHub Actions), and create automated deployment pipelines for staging and production. Rollback mechanisms are included for deployment failures.

Connect Backend

Integrating an appropriate backend solution involves selecting CMS, APIs, low-code or no-code platforms, serverless options, or custom-built backend solutions based on the project's requirements.

Performance Optimization

Optimizing the front-end code, images, and assets to improve page load times and overall performance. This process involves code minification, image compression, and lazy loading.

Cross-Browser and Cross-Device Testing

I test the front-end on various web browsers and across different devices (desktop, tablet, smartphone) to ensure consistent functionality, compatibility, and appearance. I check for responsiveness, identify and fix any bugs or issues, and ensure the ready solution aligns with the project goals and objectives.

Release

Finally, I prepare the front-end code for deployment to a web server or hosting environment, ensuring that all files and assets are properly configured and optimized for production.

Monitoring and Maintenance

Continuously monitoring the front-end performance and user feedback after launch, I make updates, fixes, and improvements as needed to address any issues or changes in requirements.

Technologies

Technologies I Use

I'm designing your Front End Development
to scale with a modern tech stack. Here's what I work with.

What You’ll Get With
Optimized Front End

Leverage Responsive Design

I construct the layout diligently following Gang-of-4 principles: I leverage responsive design techniques, ensuring that your content provides a consistent experience across all devices and offers an understandable user path. You will get intuitive and visually appealing user interfaces, making it easier for users to navigate and interact with your website or app. Simplify the user journey, reduce friction, and encourage users to take desired actions, increasing conversion rates at once.

Achieve Cross-Device Compatibility

Well-done front-end development services ensure that your web platform or app works seamlessly across various devices, adapting to various screen sizes, including desktops, tablets, and smartphones, and increasing your reach and accessibility. Adopting a mobile-first approach, we focus on progressive UX buildup, touch-friendliness, and cross-device consistency by prioritizing dynamic values. Leverage faster load times and smoother interactions, keeping your user in mind.

Become SEO-Friendly

If optimizing SEO and search engine performance is crucial for your product, I will utilize server-side rendering, which is the most effective technology in the SPA field to support data collection robots. I use SPA, but I can render it on the server. Achieve better search engine rankings and improve your project's visibility in search results.

Scale Naturally

Well-structured front-end code makes it easier to scale your product or application as your business grows, allowing for the addition of new features and content without major disruptions. To achieve this, I employ design patterns for competent code to make it easier for developers to work with it in the future.

PROFESSIONAL EXPERIENCE

We’re making your Front End Development up for scales by design with the modern tech stack. See what we work with.

PROFESSIONAL EXPERIENCE

We’re making your Front End Development up for scales by design with the modern tech stack. See what we work with.

03/2024 - 10/2025

Senior Software Engineer (Fullstack & AI Platform)

Octopus Network https://octoposnetwork.com

Octopus Network is a technology company that empowers content and channel owners with AI-driven solutions for content production, licensing, and monetization. The company develops intelligent platforms such as ARCHI and MatchMaker, combining automation, data-driven insights, and creative tools to optimize global media workflows.

At Octopus Network, I contributed to two flagship projects — ARCHI and MatchMaker — under the company's AI Platform initiative. My work focused on AI orchestration, frontend architecture, and performance optimization, while collaborating closely with the CTO, Tech Lead, and PM to design and implement scalable systems using Next.js, Nuxt 3, Supabase, Drizzle ORM, and AI SDK v5. Beyond development, I also contributed to UI/UX refinement, API integration, and testing, ensuring production readiness and smooth deployment via Vercel.

Tech stack

Next.js
React
Nuxt 3
Vue 3
TypeScript
Supabase
Drizzle ORM
Tailwind CSS
MUI
Directus CMS
AI SDK v5
Pex
Vercel

Project

ARCHI – AI Research & Creative Assistant Platform
MatchMaker – AI-Assisted Content Distribution Platform

02/2024 - Present

Senior FrontEnd Developer (Freelancer)

Freelancer for - Flit Edu https://flit.edu.vn

Flit Edu is a newly established language and IT training center specializing in Japanese language and programming. Here, I am responsible for the comprehensive development of the entire website system. My work includes designing and developing the UI/UX, handling the Frontend, and maintaining the entire system from the client-facing site to the admin management system. Additionally, I provide technical support to instructors and mentor several developers within the organization.

Tech stack

Next.js
Firebase
HTML/SCSS
TypeScript
Recoil
MUI

Project

Flit Edu system

09/2022 - 04/2024

Senior FrontEnd Developer

Ant Tech https://ant-tech.co.jp/

Ant Tech is a company that mainly does outsourcing for Japanese customers in many different fields. At Ant Tech, as a Senior FrontEnd Developer, I have the opportunity to apply the UI/UX experience I have accumulated in many projects using modern technologies such as: React.js, Next.js, MUI, Typescript... In addition, I also have the opportunity to be a mentor for some projects, helping and guiding team members.

Tech stack

React.js
Next.js
Firebase
HTML/SCSS
TypeScript
Recoil
Zustand
MUI

Project

Flit edu
Osake
Waris
Sangyoi
Tetocha
ERS

02/2023 - 04/2023

Metor FrontEnd (NextJS)

Nguyen Tat Thanh University (NTTU)

From February 2023 to April 2023, I worked as a mentor at Nguyen Tat Thanh University (NTTU), guiding the structure and technology usage for two projects, NTTU_OTT and NTTU_Tourism platform. In this role, I specialized in guiding Frontend development using technologies such as NextJS, HTML, CSS, and TypeScript. My responsibilities included mentoring and supporting team members, ensuring that projects were smoothly and efficiently implemented. I also shared my knowledge and experience to help the team achieve the project's goals.

Tech stack

NextJS
MUI
HTML/CSS
TypeScript

Project

NTTU_OTT
NTTU_Tourism platform

09/2020 - 02/2023

Junior FrontEnd Developer

The Collective C - VN https://www.thecollectivec.com/

TCC is a seasoned technology company specializing in providing diverse outsourcing services in the fields of apps and websites. For me, TCC has been an exceptional working environment. Here, I have received thorough training and had the opportunity to participate in projects utilizing advanced technologies such as ReactJS, NextJS, and NuxtJS. This has significantly enhanced my programming mindset and technical skills.

Working at TCC, I have not only had the chance to learn from experienced professionals but also accumulated practical knowledge from a variety of projects. This working environment has fostered my remarkable growth, not only in professional skills but also in problem-solving abilities and creative thinking. The invaluable experiences at TCC have become a solid foundation for my career development, boosting my confidence in facing new challenges and continuously improving myself.

Tech stack

React.js
Next.js
Vue.js
Nuxt.js
Firebase
HTML5/SCSS
TypeScript
WordPress (HTML/CSS/JS)
Redux Toolkit
MUI
Bootstap

Project

TCC Internal Chat
Thokien.vn
Karmamucho
Homefix
Prisum (Web3)
Art Gallery Sales
Buho landing page

05/2018 - 07/2020

UI/UX Designer - Front End Developer (HTML/SCSS/JS, React.js)

Tesoft

Tesoft is a startup company specializing in outsourced software development, focusing on applications and websites. The company provides training services for recent graduates and gives them the opportunity to participate in real projects. At Tesoft, you will learn and develop the necessary skills to become an expert in your chosen field.

I had the opportunity to participate in the training program at Tesoft and become a professional UI/UX Designer. The program not only helped me master the principles of user interface design but also provided me with knowledge of HTML, SCSS, and JavaScript (JS). These skills have enabled me to confidently participate and contribute to real projects at the company.

Tech stack