Preux company

AMC Bridge, Inc.

Digital Manufacturing & Smart Construction

AMC Bridge is a global software development consultancy serving engineering, manufacturing, and construction industries. 

During my time at AMC Bridge, Inc. from October 2021 to June 2023, I worked as a Software Development Engineer and Full-Stack Developer. I developed and maintained various web applications, utilizing technologies such as TypeScript, C#, React/Redux, Node.js, Express.js, and .NET Core. My role involved creating and modifying React components, developing APIs, and ensuring seamless integration between frontend and backend systems. I also focused on enhancing user experience, fixing frontend bugs, and implementing unit tests with Jest. This experience allowed me to gain expertise in full-stack development and work on complex software solutions.

Projects🚀

Architectural Designer

Apr 2023 – Jun 2023

About Project

A cross-platform architectural design tool developed as a technology demonstration, enabling users to create virtual building layouts directly in the browser, including mobile devices. The system utilized a component-based database of building elements (e.g., doors, windows, walls) to support fast and intuitive design workflows.

Responsibilities
  • Developed reusable and interactive React components for a browser-based 3D building editor

  • Implemented custom UI widgets using Xeokit SDK to support architectural modeling workflows

  • Wrote unit tests with Jest to ensure stability, reliability, and prevent regressions

Technologies

  • TypeScript
  • React/Redux
  • Jest
  • Xeokit SDK

Team

  • 1 Project Manager

  • 2 Full-Stack Developers

Achievements

  • Created a foundation for future extension by establishing a modular and scalable component structure
Problem

As a full-stack developer, I was challenged to build a cross-platform building designer that could run smoothly on all major browsers, including mobile devices. The application needed to provide an intuitive 3D interface for placing and customizing various house components — such as doors, windows, and walls — all sourced from a centralized database. Ensuring both performance and usability across different platforms was a key concern.

Approach

To address this, I chose modern and scalable technologies. On the frontend, I worked with TypeScript and React/Redux to manage application state efficiently and ensure type safety. For the 3D functionality, I integrated the Xeokit SDK, which allowed advanced visualization and interaction with building components in real-time. I also implemented a strong testing strategy using Jest, ensuring reliability and consistent behavior across all supported devices and browsers.

Solution

The result was a powerful and responsive building designer tool that performs well across desktop and mobile browsers. Users can easily design buildings by selecting and customizing parts from a centralized database, all within an intuitive and interactive 3D interface. Thanks to the combination of TypeScript, React/Redux, and Xeokit, the codebase is clean, scalable, and maintainable. Rigorous testing with Jest helped ensure the application is stable and ready for production use.

Geoscience Portal

MAY 2022 – APR 2023

About Project

This project involved enhancing the User Portal for Geoscience Solutions, a secure platform providing access to geoscience information including knowledge base articles, product downloads, and a supportive user community. 

Responsibilities
  • Designed and implemented new UI components using React, TypeScript, and Material UI

  • Developed and maintained RESTful API endpoints using .NET Core

  • Wrote unit tests with Jest and backend tests with NUnit to ensure code quality and reliability

  • Collaborated with the design team to improve UX and deliver a consistent, accessible interface

  • Identified and resolved frontend issues, contributing to a smoother user experience

  • Optimized rendering performance and improved responsiveness across key user flows

Technologies

  • TypeScript
  • React/Redux
  • Material UI
  • Jest
  • .NET Core
  • NUnit
  • Playwright

Team

  • 1 Project Manager

  • 2 Full-Stack Developers

  • 1 Manual QA Tester

Achievements

  • Delivered a modernized user portal with enhanced access to geoscience resources and community features
  • Improved navigation structure and content discoverability based on feedback from user testing
  • Implemented end-to-end automated tests using Playwright to validate key UI workflows and prevent regressions
Problem

As a full-stack developer, I was tasked with enhancing an existing User Portal that had several usability and performance issues. The main challenge was to improve the user experience while maintaining high security standards. This included resolving bugs, refining the UI, and ensuring users had smooth, reliable access to geoscience data, downloads, and community features.

Approach

I approached this by leveraging modern web technologies on both the frontend and backend. I used TypeScript with React/Redux and Material UI to implement a cleaner, more responsive interface. On the backend, I worked with .NET Core 3.1 and MSSQL to improve API performance and data handling.

Solution

The result was a significantly improved User Portal that was faster, more intuitive, and secure. I helped deliver key features such as enhanced access to the knowledge base, simplified product downloads, and a more interactive community section. The codebase became more maintainable and scalable, and user feedback confirmed noticeable improvements in both functionality and experience.

CAD Management System

OCT 2021 – MAY 2022

About Project

A web-based platform for viewing and managing CAD files, allowing public users to search, preview, and download designs without registration. The system also included a secure admin portal for authorized users to manage the CAD library — including uploading, editing metadata, tagging, and removing files.

Responsibilities
  • Developed user-facing web applications using React, Redux, and Material UI

  • Built and maintained RESTful APIs using Node.js (Express) and .NET Core for file management operations

  • Implemented 3D file rendering and manipulation with Three.js for in-browser CAD previews

  • Wrote unit tests for frontend (Jest) and backend (NUnit) to ensure system stability

  • Integrated API endpoints for upload, metadata management, search, and download functionality

  • Collaborated with the UI/UX team to design intuitive interfaces for both public users and administrators

Technologies

  • TypeScript
  • React/Redux
  • Three.js
  • Material UI
  • Jest
  • .NET Core
  • Node.js
  • Express.js
  • MongoDB

Team

  • 1 Project Manager

  • 2 Full-Stack Developers

  • 1 Manual QA Tester

Achievements

  • Delivered a fully functional CAD preview and management system with real-time 3D rendering in the browser

  • Developed a robust admin portal for file lifecycle management, including upload, edit, and deletion workflows

Problem

As a full-stack developer, I was tasked with building a modern CAD Browser capable of precisely rendering and manipulating CAD files directly in the browser. The main challenge was not only to handle complex CAD data formats accurately, but also to modernize legacy systems, ensure seamless integration with various backend services, and provide a smooth, responsive user experience — all while managing data efficiently and reliably.

Approach

To solve this, I chose a full-stack architecture that combined modern web technologies. On the frontend, I used TypeScript with React/Redux and Material UI to create a responsive and maintainable UI. For CAD file visualization, I integrated Three.js, which allowed for advanced 3D rendering and manipulation directly in the browser. On the backend, I worked with both Node.js/Express.js with MongoDB for dynamic operations and .NET Core with MSSQL for integrating legacy systems and building robust REST APIs. The entire system was designed to support modular scalability and real-time performance.

Solution

The final result was a powerful and user-friendly CAD Browser application, capable of loading and visualizing complex CAD files with high accuracy and speed. The combination of Three.js and modern UI frameworks created an interactive design environment, while the backend architecture supported seamless data flow and system integration. My work helped transform a legacy setup into a scalable, modern solution that received strong positive feedback for its usability, reliability, and performance.