Header image

Automate Your Git Workflow with Git Hooks for Efficiency

24/12/2024

1.39k

Bao Dang D. Q.

Have you ever wondered how you can make your Git workflow smarter and more efficient? What if repetitive tasks like validating commit messages, enforcing branch naming conventions, or preventing sensitive data leaks could happen automatically? Enter Git Hooks—a powerful feature in Git that enables automation at every step of your development process.

If you’ve worked with webhooks, the concept of Git Hooks might already feel familiar. Like API events trigger webhooks, Git Hooks are scripts triggered by Git actions such as committing, pushing, or merging. These hooks allow developers to automate tasks, enforce standards, and improve the overall quality of their Git workflows.

By integrating Git Hooks into your project, you can gain numerous benefits, including clearer commit histories, fewer human errors, and smoother team collaboration. Developers can also define custom rules tailored to their Git flow, ensuring consistency and boosting productivity.

In this SupremeTech blog, I, Đang Đo Quang Bao, will introduce you to Git Hooks, explain how they work, and guide you through implementing them to transform your Git workflow. Let’s dive in!

What Are Git Hooks?

Git Hooks are customizable scripts that automatically execute when specific events occur in a Git repository. These events might include committing code, pushing changes, or merging branches. By leveraging Git Hooks, you can tailor Git’s behavior to your project’s requirements, automate repetitive tasks, and reduce the likelihood of human errors.

Imagine validating commit messages, running tests before a push, or preventing large file uploads—all without manual intervention. Git Hooks makes this possible, enabling developers to integrate useful automation directly into their workflows.

Type of Git Hooks

Git Hooks come in two main categories, each serving distinct purposes:

Client-Side Hooks

These hooks run on the user’s local machine and are triggered by actions like committing or pushing changes. They are perfect for automating tasks like linting, testing, or enforcing commit message standards.

  • Examples:
    • pre-commit: Runs before a commit is finalized.
    • pre-push: Executes before pushing changes to a remote repository.
    • post-merge: Triggers after merging branches.

Server-Side Hooks

These hooks operate on the server hosting the repository and are used to enforce project-wide policies. They are ideal for ensuring consistent workflows across teams by validating changes before they’re accepted into the central repository.

  • Examples:
  • pre-receive: Runs before changes are accepted by the remote repository.
  • update: Executes when a branch or tag is updated on the server.

My Journey to Git Hooks

When I was working on personal projects, Git management was fairly straightforward. There were no complex workflows, and mistakes were easy to spot and fix. However, everything changed when I joined SupremeTech and started collaborating on larger projects. Adhering to established Git flows across a team introduced new challenges. Minor missteps—like inconsistent commit messages, improper branch naming, accidental force pushes, or forgetting to run unit tests—quickly led to inefficiencies and avoidable errors.

That’s when I discovered the power of Git Hooks. By combining client-side Git Hooks with tools like Husky, ESLint, Jest, and commitlint, I could automate and streamline our Git processes. Some of the tasks I automated include:

  • Enforcing consistent commit message formats.
  • Validating branch naming conventions.
  • Automating testing and linting.
  • Preventing accidental force pushes and large file uploads.
  • Monitoring and blocking sensitive data in commits.

This level of automation was a game-changer. It improved productivity, reduced human errors, and allowed developers to focus on their core tasks while Git Hooks quietly enforced the rules in the background. It transformed Git from a version control tool into a seamless system for maintaining best practices.

Getting Started with Git Hooks

Setting up Git Hooks manually can be dull, especially in team environments where consistency is critical. Tools like Husky simplify the process, allowing you to manage Git Hooks and integrate them into your workflows easily. By leveraging Husky, you can unlock the full potential of Git Hooks with minimal setup effort.

I’ll use Bun as the JavaScript runtime and package manager in this example. If you’re using npm or yarn, replace Bun-specific commands with their equivalents.

Setup Steps

1. Initialize Git: Start by initializing a Git repository if one doesn’t already exist

git init

2. Install Husky: Use Bun to add Husky as a development dependency

bun add -D husky

3. Enable Husky Hooks: Initialize Husky to set up Git Hooks for your project

bunx husky init

4. Verify the Setup: At this point, a folder named .husky will be created, which already includes a sample of pre-commit hook. With this, the setup for Git Hooks is complete. Now, let’s customize it to optimize some simple processes.

verify the setup of husky git hooks

Examples of Git Hook Automation

Git Hooks empowers you to automate tedious yet essential tasks and enforce team-wide best practices. Below are four practical examples of how you can leverage Git Hooks to improve your workflow:

Commit Message Validation

Ensuring consistent and clear commit messages improves collaboration and makes Git history easier to understand. For example, enforce the following format:

pbi-203 – refactor – [description…]
[task-name] – [scope] – [changes]

Setup:

  1. Install Commitlint:
bun add -D husky @commitlint/{config-conventional,cli}
  1. Configure rules in commitlint.config.cjs:
module.exports = {
    rules: {
        'task-name-format': [2, 'always', /^pbi-\d+ -/],
        'scope-type-format': [2, 'always', /-\s(refactor|fix|feat|docs|test|chore|style)\s-\s[[^\]]+\]$/]
    },
    plugins: [
        {
            rules: {
                'task-name-format': ({ raw }) => {
                    const regex = /^pbi-\d+ -/;
                    return [regex.test(raw),
                        `❌ Commit message must start with "pbi-<number> -". Example: "pbi-1234 - refactor - [optimize function]"`
                    ];
                },
                'scope-type-format': ({ raw}) => {
                    const regex = /-\s(refactor|fix|feat|docs|test|chore|style)\s-\s[[^\]]+\]$/;
                    return [regex.test(raw),
                        `❌ Commit message must include a valid scope and description. Example: "pbi-1234 - refactor - [optimize function]".
                        \nValid scopes: refactor, fix, feat, docs, test, chore, style`
                    ];
                }
            }
        }
    ]
}
  1. Add Commitlint to the commit-msg hook:
echo "bunx commitlint --edit \$1" >> .husky/commit-msg
  1. With this, we have completed the commit message validation setup. Now, let’s test it to see how it works.
husky template git hooks

Now, developers will be forced to follow this committing rule, which increases the readability of the Git History.

Automate Branch Naming Conventions

Enforce branch names like feature/pbi-199/add-validation.

  1. First, we will create a script in the project directory named scripts/check-branch-name.sh.
#!/bin/bash

# Define allowed branch naming pattern
branch_pattern="^(feature|bugfix|hotfix|release)/pbi-[0-9]+/[a-zA-Z0-9._-]+$"

# Get the current branch name
current_branch=$(git symbolic-ref --short HEAD)

# Check if the branch name matches the pattern
if [[ ! "$current_branch" =~ $branch_pattern ]]; then
  echo "❌ Branch name '$current_branch' is invalid!"
  echo "✅ Branch names must follow this pattern:"
  echo "   - feature/pbi-<number>/<description>"
  echo "   - bugfix/pbi-<number>/<description>"
  echo "   - hotfix/pbi-<number>/<description>"
  echo "   - release/pbi-<number>/<description>"
  exit 1
fi

echo "✅ Branch name '$current_branch' is valid."
  1. Add the above script execution command into the pre-push hook.
echo "bash ./scripts/check-branch-name.sh" >> .husky/pre-push
  1. Grant execute permissions to the check-branch-name.sh file.
chmod +x ./scripts/check-branch-name.sh
  1. Let’s test the result by pushing our code to the server.

Invalid case:

git checkout main
git push

Output:

❌ Branch name 'main' is invalid!
✅ Branch names must follow this pattern:
  - feature/pbi-<number>/<description>
  - bugfix/pbi-<number>/<description>
  - hotfix/pbi-<number>/<description>
  - release/pbi-<number>/<description>
husky - pre-push script failed (code 1)

Valid case:

git checkout -b feature/pbi-100/add-new-feature
git push

Output:

✅ Branch name 'feature/pbi-100/add-new-feature' is valid.

Prevent Accidental Force Pushes

Force pushes can overwrite shared branch history, causing significant problems in collaborative projects. We will implement validation for the prior pre-push hook to prevent accidental force pushes to critical branches like main or develop.

  1. Create a script named scripts/prevent-force-push.sh.
#!/bin/bash

# Define the protected branches
protected_branches=("main" "develop")

# Get the current branch name
current_branch=$(git symbolic-ref --short HEAD)

# Check if the current branch is in the list of protected branches
if [[ " ${protected_branches[@]} " =~ " ${current_branch} " ]]; then
# Check if the push is a force push
for arg in "$@"; do
  if [[ "$arg" == "--force" || "$arg" == "-f" ]]; then
    echo "❌ Force pushing to the protected branch '${current_branch}' is not allowed!"
    exit 1
  fi
done
fi

echo "✅ Push to '${current_branch}' is valid."
  1. Add the above script execution command into the pre-push hook.
echo "bash ./scripts/prevent-force-push.sh" >> .husky/pre-push
  1. Grant execute permissions to the check-branch-name.sh file.
chmod +x ./scripts/prevent-force-push.sh
  1. Result:

Invalid case:

git checkout main
git push -f

Output:

❌ Force pushing to the protected branch 'main' is not allowed!
husky - pre-push script failed (code 1)

Valid case:

git checkout main
git push

Output:

✅ Push is valid.

Monitor for Secrets in Commits

Developers sometimes unexpectedly include sensitive data in commits. We will set up a pre-commit hook to scan files for sensitive patterns before committing to prevent accidental commits containing sensitive information (such as API keys, passwords, or other secrets).

  1. Create a script named scripts/monitor-secrets-with-values.sh.
#!/bin/bash

# Define sensitive value patterns
patterns=(
# Base64-encoded strings
"([A-Za-z0-9+/]{40,})={0,2}"
# PEM-style private keys
"-----BEGIN RSA PRIVATE KEY-----"
"-----BEGIN OPENSSH PRIVATE KEY-----"
"-----BEGIN PRIVATE KEY-----"
# AWS Access Key ID
"AKIA[0-9A-Z]{16}"
# AWS Secret Key
"[a-zA-Z0-9/+=]{40}"
# Email addresses (optional)
"[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}"
# Others (e.g., passwords, tokens)
)

# Scan staged files for sensitive patterns
echo "🔍 Scanning staged files for sensitive values..."

# Get the list of staged files
staged_files=$(git diff --cached --name-only)

# Initialize a flag to track if any sensitive data is found
found_sensitive_data=false

# Loop through each file and pattern
for file in $staged_files; do
# Skip binary files
if [[ $(file --mime-type -b "$file") == "application/octet-stream" ]]; then
  continue
fi

# Scan each pattern using grep -E (extended regex)
for pattern in "${patterns[@]}"; do
  if grep -E -- "$pattern" "$file"; then
    echo "❌ Sensitive value detected in file '$file': Pattern '$pattern'"
    found_sensitive_data=true
    break
  fi
done
done

# If sensitive data is found, prevent the commit
if $found_sensitive_data; then
echo "❌ Commit aborted. Please remove sensitive values before committing."
exit 1
fi

echo "✅ No sensitive values detected. Proceeding with committing."
  1. Add the above script execution command into the pre-commit hook.
echo "bash ./scripts/monitor-secrets-with-values.sh" >> .husky/pre-commit
  1. Grant execute permissions to the monitor-secrets-with-values.sh file.
chmod +x ./scripts/monitor-secrets-with-values.sh
  1. Result:

Invalid case:

git add private
git commit -m “pbi-002 - chore - add unexpected private file”

Result:

🔍 Scanning staged files for sensitive values...
-----BEGIN OPENSSH PRIVATE KEY-----
❌ Sensitive value detected in file 'private': Pattern '-----BEGIN OPENSSH PRIVATE KEY-----'
❌ Commit aborted. Please remove sensitive values before committing.
husky - pre-commit script failed (code 1)

Valid case:

git reset private
git commit -m “pbi-002 - chore - remove unexpected private file”

Result:

🔍 Scanning staged files for sensitive values...
✅ No sensitive values detected. Proceeding with commit.
[main c575028] pbi-002 - chore - remove unexpected private file
4 files changed, 5 insertions(+)
create mode 100644 .env.example
create mode 100644 .husky/commit-msg
create mode 100644 .husky/pre-commit
create mode 100644 .husky/pre-push

Conclusion

“Humans make mistakes” in software development; even minor errors can disrupt workflows or create inefficiencies. That’s where Git Hooks come in. By automating essential checks and enforcing best practices, Git Hooks reduces the chances of errors slipping through and ensures a smoother, more consistent workflow.

Tools like Husky make it easier to set up Git Hooks, allowing developers to focus on writing code instead of worrying about process compliance. Whether it’s validating commit messages, enforcing branch naming conventions, or preventing sensitive data from being committed, Git Hooks acts as a safety net that ensures quality at every step.

If you want to optimize your Git workflow, now is the time to start integrating Git Hooks. With the proper setup, you can make your development process reliable but also effortless and efficient. Let automation handle the rules so your team can focus on building great software.

Related Blog

Team Người Việc: Winning with AI-Assisted Development at SupremeTech

AI

AI-assisted development

+0

    How Team Người Việc Won SupremeTech’s AI Hackathon 2025 with AI-Assisted Development and Agile Thinking

    24 hours. 10 teams. Countless lines of code. One team claimed the spotlight and took half of the 100 million VND prize pool. SupremeTech’s first-ever AI Hackathon was more than just a competition, it was a test of endurance, creativity, and teamwork. For one intense day and night, our participants pushed the limits of AI-assisted development, turning raw ideas into functioning prototypes under extreme time pressure. Among them, three teams rose above the rest. Their solutions not only showcased strong technical execution but also revealed how AI hackathon use cases can bring real business value in areas such as customer experience, automation, and data-driven decision-making. These top three use cases highlight the future potential of AI and the passion of SupremeTech’s people to turn vision into reality. Brought home the Top Prize - Team Người Việc stood out for their sharp strategy and teamwork. Their winning project solved a familiar yet complex issue in the tourism industry: managing group travel efficiently while ensuring every participant enjoys a seamless experience. Presented in clear business logic, executed with agile methodology, and powered by AI-assisted development, their solution proved that innovation thrives when technology meets human insight. Introducing the Team: Small but Strong Team Người Việc brought together a crew of four: Hung Dinh, Huy Nguyen, and Dung Nguyen as front-end engineers, and Khanh Nguyen as the business analyst. While other teams had five members, this smaller team turned their size into strength. With Khanh shaping the business logic and user journey, and the three engineers transforming those ideas into a functional product, they created a strong link between business insight and technical execution. Each member brought a distinct perspective: one focused on monetization and business value, another on operational flow, and others on technical quality and user experience. Together, they created a strong team that has both business insight and technical execution. Khanh shared that: “Everyone respected each other’s opinions. We weren’t chasing perfection, we were building something real, something that worked”. The Challenge: Turning Hot and Heavy Topic into Opportunity When the AI Hackathon began, the participating teams didn’t get to choose their challenge. Each team drew a topic randomly from a pool of three, and fate handed team Người Việc a challenge that was both broad and complex: Destination and Experience Management System for Tourism. Instead of seeing it as an obstacle, the team saw great potential in this topic: “It’s actually very close to what SupremeTech does,” one member shared. “Tourism and service coordination are among the industries where our clients face similar pain points. If developed further, this could even become a real product for the company”. For most teams, tackling something this wide in just 24 hours would be overwhelming. But for Người Việc, it became the perfect opportunity to combine business logic, agile thinking, and AI-assisted development into a single solution. Dũng, one of the front-end engineers shared: “We didn’t see it as just a travel problem. It’s a coordination problem that every company faces because of too many people, too little time, and too many things to track.” The Idea: Transforming Tourism Coordination with AI Manual planning and coordination often create time-consuming processes, lack of feedback, and fragmented communication across travel agencies, corporate HR departments, and trip participants. To solve this, Người Việc envisioned an end-to-end platform that connects all stakeholders, from travel agencies and corporate planners to event organizers and trip participants.The system enables users to: Create and customize travel itinerariesConnect directly with travel agencies through a marketplace modelTrack schedules via QR codeProvide instant feedback during the trip. In short, it bridges the gap between demand and supply in hospitality, creating a more transparent, interactive, and seamless travel experience. The Process: From Brainstorming to AI-Assisted Development What set Người Việc apart was their strategic mindset before touching a single line of code. Instead of rushing to use AI tools right-away, the team began with a face-to-face brainstorming session, mapping out what a real group trip looks like from start to finish: from planning and agency communication to real-time updates and user feedback. To validate their ideas, they even called friends working in hospitality to understand pain points from the field such as: how agencies handle client requests, where information gets lost, and what travelers actually expect. Only after this discovery phase, the team moved into design and development. They first created clear user stories and workflows on their own, then applied story-based prompting by feeding those stories into ChatGPT and Copilot to generate database schemas, API endpoints, and code snippets. This structured use of AI helped them align technical output with business logic and speed up development. Their approach became a model of how AI-assisted development and agile methodology can complement each other, keeping logic clear while boosting speed. Their mantra throughout the process was simple yet powerful: Think first, then use AI smartly. This mindset kept their workflow focused, turning AI into a productivity multiplier instead of a shortcut, and became a highlight in their AI hackathon journey.Without a QC member, the team stayed flexible and shared responsibilities across roles. Each member could take on multiple tasks when needed, but they still kept a clear structure in how they worked. The PTL and BA stepped in as real users, testing features and giving feedback from a user’s point of view. After defining their user roles and business logic, Team Người Việc translated their ideas into a working prototype. Their platform acts as a bridge between corporate planners and travel agencies, creating a space where requests, itineraries, and feedback flow seamlessly in real time. The system’s core features included: Trip creation and customization: HR or operation teams can build itineraries, adjust timelines, and submit requests tailored to their needs.Agency collaboration: Travel agencies receive those requests, update details, and negotiate directly through the platform, no more back-and-forth emails or lost messages.Participant tracking: Each trip generates a public QR code, allowing members to follow updates, view schedules, and send instant feedback during the journey.Transparency and engagement: The platform closes the communication loop, giving every stakeholder a clearer view of the process. With these key flows completed, the team delivered a functional MVP, a product with clean logic, smooth handoffs between roles, and enough structure to be reused or scaled for other industries. Modern Tech Stack Built for AI-Driven Innovation To bring their concept to life within 24 hours, Team Người Việc designed a tech stack that was modern, lightweight, and AI-friendly. Every layer from frontend to deployment was chosen to balance speed, scalability, and maintainability. Frontend Layer: Fast and Built for Clarity The team developed the user interface using Next.js 15 to handle both page rendering and API routes. Combined with TypeScript, it provided type safety and consistency across all modules, reducing human errors in the rush of development. For styling and components, they used Tailwind CSS and shadcn/ui, which allowed them to quickly create a clean, responsive design without spending time reinventing basic UI elements. Despite the tight schedule, the frontend still delivered a cohesive experience from trip creation to QR-based tracking, proving that with the right stack, agility doesn’t mean sacrificing structure. Backend Layer: Structured Logic and Data Flow Behind the interface, the team used Prisma ORM to manage the database layer. Its schema-first approach, paired with TypeScript integration, helped them maintain data consistency while iterating rapidly. The backend services were also written in Next.js, utilizing server functions to keep everything unified and easy to deploy. This setup gave the team clear control over their data models and allowed them to focus on the business logic, ensuring that trip creation, feedback collection, and participant interactions all flowed smoothly without manual handling. Infrastructure & Deployment: Stability under Pressure To keep their development-to-demo pipeline fast and reliable, Người Việc deployed their system on AWS using Dokploy - a self-hosted CI/CD solution that automates Docker-based deployments. This environment allowed them to push code, test changes, and release updates seamlessly without dependency conflicts. By using Docker containers, they replicated production conditions from the start, ensuring that the MVP remained stable and demo-ready throughout the hackathon. The setup was simple enough for rapid iteration yet robust enough to be scaled for real client use. AI Tools: A Smarter, Not Faster, Way to Build AI played a key role in the team’s workflow but only after the foundation was set.ChatGPT acted as their assistant for ideation and logic design, helping refine user stories, define acceptance criteria, and clarify user flows. Meanwhile, GitHub Copilot served as their pair programmer, generating clean snippets, suggesting improvements, and handling repetitive coding tasks. Instead of using AI as a shortcut, Người Việc used it as an accelerator by integrating it at the right moments to enhance productivity while keeping control of direction and logic. >>> Read more related articles: AI-Assisted Ecommerce Solution Wins Third Place at SupremeTech AI Hackathon 2025How Human Intelligence and AI Capabilities Can Redefine Software Development | Featuring The 1st Runner-Up of SupremeTech AI Hackathon 2025 Judges’ Feedbacks Business Perspective From a business perspective, the judges saw Team Người Việc as a perfect example of practicality and vision. Their solution showed how AI-driven development can address real client needs, especially in industries like travel and hospitality. However, the judges also provided constructive feedback for future improvement. While the idea covered a broad scope from sales to operations, they suggested narrowing the focus to one specific stage in the travel management cycle. By doing so, the solution could achieve higher feasibility and faster adoption in real-world scenarios. The judges also encouraged documenting the team’s AI-assisted project management workflow as a reference for future AI hackathon journeys within SupremeTech. The final presentation showcased all the best qualities of their teamwork. The judges highlighted Người Việc’s clear storytelling, strong time management, and smooth demo delivery that effectively illustrated how their system worked. The team’s confident, structured presentation left a lasting impression and perfectly captured the spirit of SupremeTech’s AI Hackathon. Technical and Engineering Perspective From a technical point of view, the judges recognized Người Việc as a team that combined strong engineering skill with thoughtful use of modern tools. They developed their product on a well-defined code base with clear development standards, following a structured flow from analysis and design to implementation, which is remarkable under the time pressure of a 24-hour hackathon. The highlight of their approach was the story-based prompting technique, which kept the project’s logic coherent from start to finish. By crafting prompts around user stories rather than isolated tasks, the team ensured that every AI-generated piece of code served a real business purpose. This balance between automation and human reasoning became one of the defining features of their success. Teamwork: Staying Calm When Things Went Wrong No hackathon story is complete without chaos and Người Việc had their moment too. Just before the final presentation, disaster happened: the team’s slide suddenly became inaccessible because their shared drive was locked by the judges. With only minutes left, they borrowed a laptop, rebuilt the slides from scratch, and walked onto the stage calm and composed delivering a confident demo that looked effortless to the audience. The team recalled “After 22 hours of coding, what stayed with us wasn’t exhaustion. It was that moment when everyone looked at each other and said: We'll make it work, no matter what.” Voices from the Winners For Team Người Việc, winning the hackathon was not just about the prize, it was about learning how humans and AI can truly collaborate. Reflecting on the experience, Dũng shared: “We realized that AI isn’t just a tool, it’s a real teammate, if you know how to ‘talk’ to it. Each team used AI differently: some for brainstorming, some for UI design, others for presentation. But the prompts we gave were never the same, and that’s why the results were so different. AI only shows its real power when people know how to guide it.” As winners, the team also offered advice for those who will join future hackathons: “Prepare everything you can beforehand: boilerplate code, deployment setup, tools, and your fighting spirit. Once the event starts, every minute counts. And above all, trust your team” Conclusion Team Người Việc proved that real innovation is not only about technology, but about people working together with purpose. By combining business insight, teamwork, and the smart use of AI, they turned a difficult 24-hour challenge into a real achievement. For SupremeTech, this victory is more than just a competition result. It’s a reminder that the future of development starts with clear thinking, strong teamwork, and the courage to explore new ways of building with AI. Appendix: 1. How the Team Applied AI Throughout the Project StageApproachAI Application/ Tools UsedAnalysis & DesignThe whole team brainstormed together, role-playing as real users to map out workflows and features.No AI used — this was the most human-driven stage focused on critical thinking.User Story writingConverted rough ideas into logical workflows, defined goals, and acceptance criteria.ChatGPT acted as a virtual BA, turning brainstorm notes into professional User Stories and Acceptance Criteria.Coding (User Story Based)Developers implemented each User Story while communicating directly with the AI assistant for suggestions and refactoring.GitHub Copilot served as a coding partner, reading stories, suggesting code, refining syntax, and accelerating implementation.Testing & ReleaseThe PTL and BA acted as real users to test the product, identify bugs, and refine the UX before release.No AI used — manual testing for real-user validation. 2. Team Tech Stack LayerTech StackFrontend & Backend (Fullstack)Next.js 15 (App Router)UI Libraryshadcn/ui + TailwindCSSAI AssistantChatGPT + GitHub CopilotInfra / DeployAWS + Dokploy 📩 Read more articles about us here: SupremeTech’s Blog

    22/10/2025

    147

    Quy Huynh

    AI

    +1

    • AI-assisted development

    How Team Người Việc Won SupremeTech’s AI Hackathon 2025 with AI-Assisted Development and Agile Thinking

    22/10/2025

    147

    Quy Huynh

    nguoi lao wins third place AI hackathon ecommerce AI

    AI

    AI-assisted development

    +0

      AI-Assisted Ecommerce Solution Wins Third Place at SupremeTech AI Hackathon 2025

      SupremeTech’s first-ever AI Hackathon was more than just a competition. It was a thrilling test of creativity, focus, and endurance. For 22 hours, teams of passionate innovators raced against time to turn bold ideas into working prototypes that could bring real business value through AI. Among them was team Người Lào, whose project tackled one of the most relevant challenges in modern retail: building an omnichannel e-commerce and loyalty platform supported by AI. The goal was to create a system that connects online shopping, personalized loyalty programs, and in-store interactions into one seamless customer journey.What made Người Lào stand out was their business-driven mindset. Instead of treating the task as a purely technical challenge, they saw it as an opportunity to transform how Vietnamese cosmetic retailers connect with their customers. Their answer was ViEC Beauty, an innovative AI-powered e-commerce solution built on Zalo Mini App, turning a familiar local platform into a powerful tool for digital commerce. Meet The Team Team Người Lào was formed with the simple spirit of having fun, staying friendly, and learning together. Everyone joined with an open mind, ready to give their best once the challenge began. The team brought together members from different backgrounds, covering all key roles in a real project from infrastructure and front-end to back-end, business analysis, and quality control.Phuoc Pham, the team leader, believed great teamwork mattered more than perfect technical skills. What he looked for were people who knew their strengths and were willing to give their all. With that mindset, Người Lào grew into a team built on trust, respect, and laughter, values that ultimately became their greatest strength. When a Familiar Task Became the Toughest Challenge At first, the assignment sounded simple: create a multi-channel e-commerce and loyalty platform for retail stores. Building e-commerce systems was something most members already did in their daily work. But soon they realized that creating a typical shopping app would not stand out. To impress the judges, they needed something fresh, a solution with clear business impact and technical creativity. In just 22 hours, with five members and the support of AI tools, Người Lào had to deliver a product that was practical, scalable, and market-ready. Finding a Small Idea with Big Impact After a few brainstorming sessions, they decided to focus on a small but meaningful niche: the Vietnamese cosmetic retail market. This idea came from observing how many small cosmetic shops in Vietnam were struggling to keep up with the digital shift. While big players like Shopee and TikTok Shop dominate online sales, a large number of small cosmetic stores still lack proper digital tools to compete. These stores serve a loyal base of middle-aged customers who have strong purchasing power but are often left behind in the rush of digital transformation. They do not need complex apps or flashy platforms. What they need is something simple, familiar, and trustworthy. Người Lào identified three major problems these small retailers face: Losing connection with middle-aged customers who prefer personal interaction but no longer visit the store as often.Lack of customer insights makes it hard for shop owners to understand shopping habits or preferences.Being overshadowed by large e-commerce platforms, which are slowly taking over their loyal customer base. With those challenges in mind, Người Lào saw an opportunity to make a real difference. Instead of competing with big platforms, they wanted to empower small retailers with a digital tool that feels local, personal, and easy to use.That was when the idea of building an AI-powered e-commerce solution on Zalo Mini App, namely ViEC Beauty, was born. ViEC Beauty is a platform that could bring e-commerce and loyalty features right into the ecosystem that Vietnamese users already trust and use every day. It was a smart move that combined business empathy, technical creativity, and a clear understanding of the local market. From Idea to Prototype in 24 Hours Once the idea was clear, the real race began. With only 24 hours to bring ViEC Beauty to life, Người Lào jumped straight into action. The plan was simple: divide roles clearly, trust each other’s strengths, and move fast. Hieu Vo, the dev lead, took charge of integrations and overall coordination. Anh Duong focused on building the back end with Laravel and setting up the admin site. Hieu Cao worked on the front end of the Zalo Mini App. At the same time, Huong Nguyen took on both the Business Analyst and Quality Control roles to ensure everything aligned with the initial vision. Meanwhile, Phuoc Pham, the team leader, acted as the bridge connecting everyone - reviewing ideas, making key decisions, and preparing the final presentation slides. With all the key roles covered, the team had a 360-degree view of the project, from technical implementation to business logic and user experience. They spent the first ten hours coding with AI Copilot and documenting the workflow. It was intense but exciting until the team hit a wall. The AI started producing conflicting UI components due to unclear process design in the initial prompts. What was supposed to save time ended up creating bugs that needed hours to fix. But instead of getting frustrated, the team stayed calm, laughed it off, and worked together to debug and refine the product until everything clicked into place. When the final hour arrived, they had a fully working Zalo Mini App—not perfect, but functional, meaningful, and proudly built within a single sleepless day. The Product: Core Features That Matter ViEC Beauty, an AI-powered e-commerce solution built within the Zalo ecosystem, offered small beauty retailers an accessible and familiar way to sell online and engage customers. Core App Features Product Catalog: An easy-to-browse collection of beauty products directly inside Zalo.Basic Loyalty Point System: Customers earn and redeem points to encourage repeat purchases.Admin Dashboard Prototype: A simple dashboard for store owners to manage products, orders, and sales.Zalo Integration Setup: Allows stores to send personalized notifications, skincare reminders, and promotions through the Zalo Official Account. Super Admin System A more advanced panel included: Real-time data analytics for instant business insightsInventory management to track stock levelsCRM tools to maintain relationships and engagementCampaign and promotion management to run and measure marketing activities Even though some features like Group Orders and AI Skin Analysis were still in ideation, ViEC Beauty already demonstrated how a simple, focused solution could bring AI-powered value to small businesses. Tech Stack The team built ViEC Beauty with React and Zalo SDK for the front end, Laravel for the back end, MySQL for the database, and EC2 cloud infrastructure for hosting. They chose familiar and reliable technologies to move fast and deliver results within 24 hours, prioritizing execution over complexity. >>> Read more related articles: SupremeTech’s AI Hackathon 2025: A blend of Product-Focused Spirit and AI-assisted DevelopmentHow Human Intelligence and AI Capabilities Can Redefine Software Development | Featuring The 1st Runner-Up of SupremeTech AI Hackathon 2025 Judges’ Feedback The judges praised Người Lào’s strategic focus on a niche market and their decision to build on the Zalo Mini App, calling it a practical and high-potential approach. They noted that while the product targeted small beauty retailers, a limited market segment, it had strong potential for real-world implementation. They recommended expanding ViEC Beauty into a multi-store SaaS platform, adding community-driven features, and integrating AI more deeply for personalization and competitiveness. On the technical side, the judges commended the team’s clear planning, fast execution, and AI integration. They encouraged the team to make AI applications more visible and explore scalability for larger projects. Overall, Người Lào left a strong impression with a well-executed prototype and a clear vision for future growth. Teamwork Memorable Moments For Phuoc Pham, the leader, the biggest lesson was simple: strong determination makes anything possible. He learned to stay focused, manage effort wisely, and balance ambition with practicality so the team could deliver on time. To him, the real strength of Người Lào came from teamwork, from every member understanding their own strengths and supporting one another toward a shared goal. Huong Nguyen shared that the hackathon was an unforgettable experience, a test of creativity, patience, and collaboration. From ideation to final delivery, every member gave their best and learned how to manage time, communicate, and step outside their comfort zones. Winning third place was a proud moment, but for the team, the valid reward was the experience itself, learning, laughing, and building something meaningful together. Conclusion For Người Lào, the SupremeTech AI Hackathon 2025 was more than a contest. It was a journey of teamwork, creativity, and discovery. In just 24 hours, they turned an idea into a working Zalo Mini App that blended business insight, AI innovation, and human collaboration. Their story proved that success is not just about winning but about learning how to move fast, stay focused, and create with purpose. ViEC Beauty started as a hackathon project, but it carries the potential to grow into something much bigger for Vietnam’s beauty retail industry. Team Phuoc Pham T. - Senior Infra EngineerHieu Vo H. - Senior BE EngineerDuong Nguyen V. A. - BE EngineerHieu Cao K. - FE EngineerHuong Nguyen T.T. - Quality Control Engineer  Tech Stack Frontend: React, Zalo SDKBackend: LaravelDatabase: MySQLInfrastructure: EC2, Cloud 📩 Read more articles about us here: SupremeTech’s Blog

      21/10/2025

      143

      Ngan Phan

      AI

      +1

      • AI-assisted development

      AI-Assisted Ecommerce Solution Wins Third Place at SupremeTech AI Hackathon 2025

      21/10/2025

      143

      Ngan Phan

      Gensync top 2 Hackathon AI SupremeTech 2025

      AI

      AI-assisted development

      +0

        How Human Intelligence and AI Capabilities Can Redefine Software Development | Featuring The 1st Runner-Up of SupremeTech AI Hackathon 2025

        After 2 weeks of thorough assessment, our judges have officially announced the top threes of SupremeTech AI Hackathon 2025. In a final scoreboard where the results were incredibly close, GenSync impressively secured the first runner-up position, missing the crown by just half a point. Their success didn’t come by chance. It was the product of sharp preparation, savvy use of AI, and teamwork that ran like clockwork. GenSync perfectly embodies how human intelligence and strategic thinking, when combined with effective AI application, can create exceptional outcomes.  That’s the same winning formula SupremeTech is bringing to life: Building AI-assisted solutions that elevate performance and cut costs without cutting corners. Let’s take a look back at what made GenSync stand out, and how about trying to apply AI the way they did to build a truly working MVP in just 22 hours. For details about the solutions, tech stack and highlighted prompts, scroll down to the Appendix section. Prepare a Strong Foundation Before the Starting Line  Right after registering for the Hackathon, this crew was already architecting the workflow and put into practice the whole process. GenSyncs is no doubt the most well-prepared team in this hackathon.  They treated preparation like a mini hackathon of its own, consolidating in just two intensive planning sessions: Session one: Roles were assigned to make sure that each member knew exactly which hat to wear: Backend, Frontend, Mobile, BA, QC, Scrum Master. The smart move was to utilize the Agile Development Project Life Cycle and craft it into a mini version that runs smoothly in 22 hours. We will dive deeper into this point in the next section. Session two: The team dove into the fun part: prompt experimentation. They exchanged prompt-crafting know-how like secret recipes and tested which AI models played best with their ideas. Trial runs with mock challenges helped them fine-tune the prompts to generate the satisfied output. By the end, they’d not only aligned as a team but had built what can be called “a structured prompt playbook”. “We treated AI as part of the team, not just a tool. For the “master” prompt that generates system design, I tested the prompt myself based on past experiences to come up with the most efficient prompt. If you took the prompt from somewhere on the Internet without curating it, it may never work the way you want”Tuan Mai - Technical Leader of the team AI-Assisted, 22-hour Mini Version of the Agile Development Project Life Cycle As said, one of the smart moves of GenSync is to utilize Agile Development Project Life Cycle as a skeleton of their hackathon strategy. By applying selectively the framework, GenSync achieved harmonized, well-managed project management. Members collaborated smoothly with each other like a rhythm because everyone is already familiar with Agile in their daily work.  They simply empower Agile with several AI co-pilots, namely GPT-5, Claude 4.0 and Github Copilot.   The team broke the challenge into sprints just like any other project. But instead of endless spreadsheets, they let prompts do the heavy lifting: Sprint 1: Ideation. GPT-5 and Deep Search acted as their research department, scanning the latest tourism tech trends and helping the team shape their concept in record time. Then came the human touch: the team weighed every AI suggestion against their own experience across backend, frontend, and mobile development to come up with the final concept file. It acts as the North Star of their project.Sprint 2: Design. Claude 4.0 turned those ideas into tangible structures. From architecture diagrams to data flow logic, every detail was auto-documented and formatted with machine precision. The team even used prompts to list and prioritize screens according to business objectives.  Sprint 3: Implementation. Using GPT-5, Copilot, and Claude Sonnet, they created a complete work lifecycle. GPT-5 helped write guidance files for Copilot, defining logic structures, and coding styles.Copilot followed screen flows in the master design to code while developers focused on creative logic.Claude Sonnet handled documentation and integration.Sprint 4: Review & Testing. Code was co-reviewed by robots and humans. Copilot and GPT-4 took the first pass, while Claude Sonnet and the QC member ran automated API testing, BA handled UI tests to ensure the demo ran beautifully.  In short, they built a collaboration model with AI. Humans provided direction, AI delivered results, then humans curated the results and instructed AI to improve. Most importantly, the system design and master concept serve as the guiding compass for aligning every feature’s design, ensuring that all functionalities stay true to the product’s overall goal. A Hackathon Experience that Changes the Perspectives of Development Team For Good When asked about what they bring home after the hackathon, Quỳnh Anh, the Business Analyst, shared: “We aim for the trophy, but 1st runner-up place is not bad (haha). Most importantly, this Hackathon completely altered my perspectives towards using AI at work. Now I can use AI as an agent to help analyze and process business requirements”. Quỳnh Anh - Business Analyst Vũ Nguyễn looked back at the journey from a different angle: “Joining the hackathon helped me gain a deeper understanding of the roles of other specialized teams in a project and how to leverage AI to build a product from scratch. After the competition, I even built my own website to support QC certification exams with AI. I used the very same prompts our team created during the hackathon. The journey was truly a blast. The leftovers are memories and invaluable experiences.”Vũ Nguyễn - Scrum Master, QC and Team Leader GenSync currently holds the record as the team with the most code written in the hackathon, boasting over 100,000 lines of code. Final Words We are glad that our first AI hackathon turns out to be exactly what it’s designed to be, a laboratory for the future of teamwork, creativity, and intelligent development.  At the end of the day, is AI stealing jobs from software developers? After hosting an internal AI hackathon and witnessing the performance of our engineers, we SupremeTech seem to have an answer for ourselves. Artificial intelligence definitely cannot replace the creativity and sophistication in human minds. And those are among the driving forces of a product’s success. If well managed, however, AI will create an unprecedented advantage in terms of speed and implementation capabilities for those who act first. Follow us to get more insights about how to utilize AI-assisted development to build products faster and more cost-efficiently. Or simply book a free consultation if you have an idea that you want to make it happen fast.  >>> Read more related articles: SupremeTech’s AI Hackathon 2025: A blend of Product-Focused Spirit and AI-assisted DevelopmentA to Z about SupremeTech’s AI Hackathon 2025: Why We Do It and What to Expect Appendix: Overview of the Product The challenge: Destination and Experience Management System for Tourism In this statement, teams are required to develop a platform that streamlines group trip management. The solution should enable organizers to coordinate transportation, schedules, and interactions in one place, instead of relying on scattered tools like messenger apps.  The solution: MVP mobile apps that allow users to view tour details and interact with other tour members. Admin apps that allow companies in the tourism industry to manage destination and customer experience.  The apps is optimized for group tour management with 6 main features: Tour creation Scan QR code to view tour schedules holistically Realtime chatbot to stay connected with other members in the tourAI chatbot to support search and customer servicePush notifications to keep users updated with new changes in tour scheduleRecommendation engine for tourist attraction suggestions Highlighted Prompts Sprint 1: Ideation: Sprint 2: Design Sprint 4: Review & Testing Team Vu Nguyen Q - Scrum Master, QC and Team LeaderTuan Mai A - Technical LeaderHan Le T S - AI EngineerLong Ngo D Q - FE EngineerAnh Nguyen T Q - Business Analyst Tech Stack Frontend: Next JSBackend: Nest.JS, Open AIMobile: Flutter Infrastructure: AWS, Render Recommendation engine: GorseChatbot & Memorizer: RAG 📩 Read more articles about us here: SupremeTech's Blog

        17/10/2025

        197

        Linh Le

        AI

        +1

        • AI-assisted development

        How Human Intelligence and AI Capabilities Can Redefine Software Development | Featuring The 1st Runner-Up of SupremeTech AI Hackathon 2025

        17/10/2025

        197

        Linh Le

        1 [BA Series] The story of a BA – My journey into the field

        Our culture

        +0

          The Story of a Business Analyst – My Journey into The Field

           "You don’t need an IT background to become a Business Analyst — as long as you have passion, perseverance, and a willingness to learn." Hi, I’m Quỳnh Anh, currently working as a Business Analyst (BA) at SupremeTech. If someone had told me a few years ago that “you might end up working in the tech industry,” I probably would’ve laughed and shaken my head — because I studied at the University of Foreign Language Studies – University of Danang, which has nothing to do with IT. And yet, somehow, fate led me to the BA role — something I had never even heard of before, but have now come to truly enjoy and feel connected to every single day. Here’s my “beginner’s journey” — from having zero knowledge to finding my path in the fascinating world of technology. First steps into the IT world Back then, I had no idea what a BA was. I only vaguely knew it was something “related to IT.” Through a friend’s recommendation, I joined a basic training course at a software company to explore the field. That course introduced me to my very first concepts of business processes, programming, databases, and MySQL. Everything felt new — sometimes even overwhelming — but incredibly exciting. Still, when the course ended, one question lingered in my mind: “What does a BA actually do every day? And how are these lessons applied in real projects?” That question stayed with me — until I got the chance to intern at SupremeTech. Internship – Where my Business Analyst journey became clearer Thanks to a collaboration program between SupremeTech and my university, I was accepted as a BA Intern. That became the first turning point that allowed me to truly “touch” the profession. Although I wasn’t directly involved in client projects, every day during my internship opened new doors for me: Learning how to listen and communicate with clients to truly understand their needs.Getting familiar with common Japanese IT terms used in the workplace.Writing clear and concise business documents.And most importantly, understanding how a non-IT person can effectively communicate and collaborate with technical teams. The seniors in my team were always patient, sharing not just knowledge but real project experiences. Thanks to their support, I no longer felt intimidated — instead, I grew more curious and passionate about becoming a BA. Read more articles: When Technology Meets a Pioneering SpiritSparking the Fire, Spreading the Passion From intern to Full-time Business Analyst My internship eventually ended, but my journey with SupremeTech didn’t stop there. With a proactive mindset and eagerness to learn, I was offered a full-time position — and that’s when my real BA journey began. This time, it wasn’t about lessons or training sessions anymore, but about real work: Analyzing business requirements with clients.Writing detailed documentation for developers.Reviewing and validating requirements to ensure the product meets business goals.Communicating constantly in an Agile environment — where things move faster than you expect. Of course, it wasn’t always smooth. There were days I felt overwhelmed, confused by technical discussions, or unsure how to convey ideas clearly to the dev team. But thanks to the solid foundation from my internship and the support of my teammates, I learned to stand firm and keep moving forward. What being a Business Analyst means to me For me, being a Business Analyst is a journey without a finish line — there’s always something new to learn, new people to connect with, and new problems to solve. If you’re curious about this career, my advice is: “Don’t be afraid to start, no matter what background you come from. Keep your curiosity alive and never stop learning — you’ll eventually find your own path.” I’m deeply grateful to SupremeTech for giving me the chance to begin, to make mistakes, to grow, and to become who I am today. And if you’re curious about the BA world, stay tuned for our ‘The Story of a BA’ series — because who knows, you might just see a bit of yourself in the stories to come.

          10/10/2025

          256

          Our culture

          +0

            The Story of a Business Analyst – My Journey into The Field

            10/10/2025

            256

            Customize software background

            Want to customize a software for your business?

            Meet with us! Schedule a meeting with us!