Universal Engineering — Full-Stack Industrial Website & CMS

Designed and developed a full-stack industrial website for Universal Engineering using Next.js, with a custom CMS to manage products, company information, certifications, client portfolios, leadership, and other website content dynamically.

The project includes a structured product management system, dynamic product/content pages, company history, mission & vision, certifications and compliance sections, client portfolio, leadership profiles, contact/inquiry functionality, and an interactive organizational chart built with Mermaid. The website was designed to present a complex engineering business and its electrical products in a clear, professional, and scalable digital experience.

I handled the frontend, backend/CMS integration, dynamic content architecture, responsive UI, product data management, and interactive data visualization.

Built with: Next.js · React · TypeScript · CMS · Dynamic Content · Backend/API · Mermaid.js · Responsive UI · Full-Stack Development · Vercel

Key features:

Dynamic CMS-driven website

Product & product category management

Dynamic product information

Interactive Mermaid organizational chart

Client portfolio management

Leadership/team profiles

Certifications & compliance section

Mission, vision & company history

Contact/inquiry system

Responsive frontend

Backend/API integration

Dynamic media/content management

SEO-friendly page structure

The live website presents Universal Engineering as a manufacturer of MV & LV switchgear panels and custom electrical distribution solutions, with products spanning MV/LV switchgear, MCC, PFI, synchronizing panels, PLC control panels, ATS/AMF panels, distribution boards, cable trays and bus tie ducts.

View Live Project — Universal Engineering Github URL: https://github.com/mh7867/Universal-Engineering-CO.git