✌️ Hi there! Have good day 🫣 I'm
Hau La - Software Engineer
Hi, I'm Hau La, the creator of NexGen. Currently, I'm a passionate freelancer with 5+ years of experience in frontend development, specializing in frameworks like Next.js, React, Vue.js, Angular, and TypeScript. With a strong foundation in UI/UX design, I apply layout thinking to all my frontend projects to ensure an intuitive user experience. Additionally, I have experience with React Native and Flutter. If you need a reliable web developer for outsourcing projects, feel free to contact me.
Who is NexGen
NexGen is a one-person software development company that can become your trusted technology partner. I provide business consulting services and create custom solutions tailored to your operations.
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.
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 front-end developer who pays extra attention to aesthetics and user satisfaction, I adopt a design thinking approach, emphasizing empathy, user-centeredness, creativity, and collaboration. This is how I tackle complex problems and harness innovation for your next app, regardless of its purpose and complexity – all to make a truly user-friendly product that brings 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. You will get a competitive analysis and a customer journey map.
Ideation
It’s time for idea generation: you can join me in this process or fully delegate it to me. I work out a structure and layout, delivering wireframes, user flow, information architecture, business model canvas, and value proposition canvas.
Prototype
This stage is where the creativity takes physical shape. We deliver mockups and storyboards, developing a custom style with style-picked color palettes and typography. Eventually, you will get a clickable prototype 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 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) and thoroughly gathering feedback.
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.
02/2024 - Present
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
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
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
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
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
- XD
- Figma
- React.js (Basic)
- HTML/SCSS/JS (Basic)
- CoreUI
Project
- Piviol OTT (Dev & UI/UX Designer)
- Hello_IT (UI/UX Designer)
- Peugeot Landing Page (UI/UX Designer)
Case Studies
My Latest Works
