Recipe Cost Calculator dashboard showing food cost analysis, ingredient breakdown, and recipe management interface

Recipe Cost Calculator — UI/UX Redesign, ERB Frontend Integration, and Deployment Optimization

Project Description:

Recipe Cost Calculator is a long-established cost management solution serving the food industry. After 13+ years of continuous growth, the platform required a comprehensive modernization to address evolving usability and technical demands.

We executed a full-scale redesign and redevelopment, aligning the new UI with business requirements while integrating it into the existing ERB-based (Embedded RuBy) system. Key functional areas were enhanced through custom Vanilla JavaScript solutions, and Docker was introduced to streamline development and deployment workflows.

The final solution delivered improved performance, enhanced usability, and a future-ready platform built for scale.

Outcome:

  • Modern, fully redesigned interface
  • Enhanced usability and navigation
  • Added dynamic functionality with custom JavaScript
  • Seamless integration with the ERB codebase
  • Streamlined deployment through Docker for consistent environments

Industry

Restaurant / Food Industry

Provided Service

UI/UX Redesign, Frontend Development, ERB Template Integration, Docker-based Environment Setup

Tech Stack

HTML, ERB, CSS, JavaScript, Bootstrap, Docker

Location

Canada flag

Columbia

Client Name

Daniel Wintschel