web

HIMTI UMT Official Website Revamp

Major revamp of the official HIMTI UMT website, migrating from a Laravel-based system to a modern React frontend with improved UI/UX and content structure.

View Live

1 / 2

Role

Technical Lead & Frontend Direction

Team Size

2 developers + mentorship

Duration

2+ months (ongoing)

Methodology

Technical Mentorship

Tech Stack

ReactViteJavaScriptTailwind CSSREST API

Project Overview

A major modernization project of the official HIMTI UMT website, aimed at centralizing organizational information and improving user experience. I led the technical direction and delivery of the project, including system migration from Laravel to React, frontend architecture planning, developer selection, and implementation oversight. The website serves as the primary information hub for HIMTI activities, events, and programs.

My Contributions

Defined migration strategy from Laravel to React (Vite) architecture
Selected and mentored a frontend developer from internal study group
Prepared backend APIs to enable frontend-backend decoupling
Conducted code reviews and provided technical guidance throughout development
Ensured content parity while modernizing UI/UX

Key Highlights

500+

Monthly Visitors

10+

Pages

Laravel → React

Migration

2x Faster

Performance

Challenges & Solutions

Key engineering problems I solved during this project.

Legacy System Migration

Led the migration strategy from a Laravel-based website to a React (Vite) frontend while preserving existing content structure and improving visual presentation.

Limited Team Resources

Selected and guided a single frontend developer from an internal study group, providing technical direction, scope definition, and implementation review.

Frontend–Backend Decoupling

Prepared backend APIs in advance, enabling the frontend developer to focus solely on UI implementation and data consumption.

Content Consistency & UX Improvement

Ensured content parity with the previous system while allowing creative freedom to modernize UI/UX for better accessibility and engagement.

Outcome

The revamped website successfully replaced the legacy system with a modern frontend architecture, improving maintainability, visual clarity, and developer onboarding. It continues to function as the primary digital platform for HIMTI UMT communications and activities.