My-CoffeeCalc

My CoffeeCalc

---

Overview

My CoffeeCalc is a cross-platform coffee brewing calculator designed to help users, from newcomers to enthusiasts, master coffee-to-water ratios and precise measurement conversions. Built with modern web and mobile technologies, the project demonstrates advanced skills in both native iOS development and modern JavaScript/TypeScript web engineering.

---

Platforms

• Web Application:
  mycoffeecalc.com
  (Full-featured coffee calculator built with React, TypeScript, and modern web tooling)

• iOS App:
  Download on the App Store

  

---

Problem Statement

Coffee brewing newcomers often struggle to understand coffee-to-water ratios and how to translate those into actionable brewing measurements. My CoffeeCalc solves this by providing curated, comprehensible ratio guides and instant conversions, making specialty coffee accessible to everyone.

---

Technical Architecture

Web Application (React/TypeScript)

• Tech Stack: React, TypeScript, Vite, Styled Components, modern JS libraries
• Features:
  • Responsive UI for desktop and mobile browsers
  • Real-time ratio calculations and dynamic guides
  • State management with React Hooks
  • Strongly typed logic for reliability and maintainability
  • Production deployment at mycoffeecalc.com

iOS & watchOS Applications (Swift/SwiftUI)

• Tech Stack: Swift, SwiftUI, WidgetKit, Swift Markdown UI
• Features:
  • Native UI for iPhone, iPad, and Apple Watch
  • Watch Face complication via WidgetKit
  • Advanced state management (@Observable, @State, @Environment, @AppStorage)
  • Custom navigation, animations, and sheet presentations
  • Clean separation of concerns and extensible architecture
  • Automated CI/CD with Xcode Cloud, TestFlight beta distribution

---

Multi-Platform Implementation

This project showcases modern cross-platform engineering:

• Web: mycoffeecalc.com (React/TS)
• iOS App: App Store
• watchOS App & Complication: Native Apple Watch support

---

Engineering Highlights

Swift & SwiftUI

• Structs, enums, and classes for robust data modeling
• Extensions for clean code organization
• JSON decoding for flexible data inputs
• Modern SwiftUI state and dependency management
• Adaptive layouts and navigation

React & TypeScript

• Strongly typed components and business logic
• Responsive design for all devices
• Modern hooks for state, effects, and context
• Scalable and maintainable architecture

CI/CD & Quality Assurance

• iOS: Automated build/test (Xcode Cloud), multi-stage TestFlight testing
• Web: Automated deployment pipeline, staging and live environments

---

About the Author

Alex Swetz
Experienced in modern full-stack, mobile, and cloud engineering.
For more projects and contact info: ajswetz.com