JD Engineer
JD Engineering Group is an Australian structural engineering consulting firm that provides professional, reliable, and data-driven structural analysis services for engineering projects.
This project included the design and development of the company’s official website and an internal engineering management tool. The official website was built to present the company’s services, project capabilities, and brand image, while the internal system was developed to support engineering calculations, project management, and daily operational workflows.
Link: JD Engineer
Project Background
The company needed a modern digital platform to improve its online presence and streamline internal engineering workflows.
The project had two main goals:
- Build a professional and responsive official website to showcase the company’s engineering services.
- Develop an internal web-based tool to support engineering project management, structural calculation workflows, and operational efficiency.
The internal tool was designed to help engineers manage project-related data, perform calculation-based workflows, and maintain better visibility across engineering tasks and project details.
System Architecture
The system was built using a modern full-stack architecture with Next.js, React, Tailwind CSS, PostgreSQL, Docker, and GitHub Actions. The architecture supported both the public-facing website and the internal engineering tool, enabling responsive UI development, structured data management, automated deployment, and maintainable application delivery.
My Role
I was responsible for the end-to-end design, development, and deployment of the platform. My work covered frontend development, backend implementation, database design, engineering calculation logic, UI design, deployment configuration, and production release support.
Personal Contributions
Official Website Development
- Designed and developed the company’s official website with a clean, professional, and responsive user interface.
- Built reusable frontend components using React, Next.js, and Tailwind CSS.
- Optimized page structure and layout to present company services, engineering capabilities, and business information clearly.
- Improved the company’s online presence and provided a more professional digital entry point for potential clients.
Internal Engineering Tool Development
- Designed and developed an internal corporate web tool to support engineering workflows.
- Built dashboard and project detail pages to help users manage and review project-related information.
- Implemented structured data management using PostgreSQL.
- Developed backend logic to support project data processing and internal business operations.
- Improved workflow efficiency by reducing manual handling and centralizing engineering-related information.
Structural Calculation Logic
- Analyzed engineering requirements and implemented core structural calculation logic.
- Translated calculation formulas and business rules into maintainable application logic.
- Supported accurate engineering simulation and calculation workflows within the internal system.
- Worked carefully to ensure calculation results aligned with business and engineering expectations.
Deployment and DevOps
- Containerized the application using Docker and Docker Compose.
- Configured deployment workflows to support reliable application delivery.
- Used GitHub and GitHub Actions to manage source code and automate deployment-related processes.
- Supported production release, environment configuration, and troubleshooting.
Technical Highlights
- Full-stack web application development with Next.js and React
- Responsive UI development with Tailwind CSS
- Official company website design and implementation
- Internal engineering management tool development
- Dashboard and project detail page implementation
- PostgreSQL-based data modeling and persistence
- Structural calculation logic implementation
- Docker and Docker Compose-based deployment
- GitHub Actions-based CI/CD workflow
- End-to-end delivery from design to production deployment
