Case Studies

React-based Recipe Editor for Confectionary Manufacturer

Posted in Application Development, Food and Beverage


DMC developed a React-based web application for managing confectionary recipes. The solution featured user administration as well as recipe import, export, and download functionality. The program links with AVEVA Wonderware automation, which enables recipes to be downloaded to manufacturing line.


DMC engineers started with an existing recipe database from the client. The database contained recipes for the manufacturer’s entire Topeka, Kansas facility. DMC redesigned the database schema with the goal of modernizing and simplifying the recipe system. Next engineers wrote a web server back-end to interface with the database.

The final step was creating a UI to meet customer specifications regarding front-end recipe management, which involved creation, deletion, import, export, and modification of recipes. The UI also included user management and allowed the client to download recipes to the PLC through AVEVA Wonderware.

This solution streamlined and simplified the client’s recipe editing and management process. It allowed users to input recipes without requiring their presence on the factory floor.

React based recipe editor UI

React based recipe editor UI

Learn more about DMC's Application Development expertise and contact us for your next project.

Customer Benefits

  • Streamlined recipe editing and management processes
  • Globally accessible web application
  • UX optimized interface