Skip to content

Documentation

Calory setup. Figma + React Native.

Version 1.1.0 · Updated October 28, 2026

Calory includes an editable Figma file and an Expo / React Native TypeScript front end. View the product and license options.

Download your package

After payment, open Downloads in your template library. The button opens the Dodo customer portal, where your purchase includes the ZIP and license key. Extract the ZIP before running the app.

  • Figma/Calory-UI-Kit.fig: editable design and presentation.
  • Calory-Expo-App/: app source, assets, lockfile and documentation.
  • START-HERE.md, asset credits and third-party license notices.

Open the design

Choose Import file in the Figma file browser and select the .fig file. The file has Final Presentation, Calory and Design System pages, with 54 screens across 11 flows, 299 component definitions, 33 variant sets and 117 variables.

Customize component instances and variables. Figma counts describe the design file, independently of React components or app routes. The design uses SF Pro; use system fonts or obtain the font rights required for your target platform. Font binaries are not included.

Run the front end

Install Node.js 22.13 or newer; the source .nvmrc recommends 22.22.1. In a terminal, open Calory-Expo-App and run:

npm ci
npm run web

For the iOS Simulator, use npm run ios on macOS with Xcode. For an Android emulator or device, use npm run android with Android Studio configured. These commands start development sessions. Configure your own Expo account, application identifiers and signing for release builds.

Voice recognition needs a native development build; see the supplied app README and build profile. Camera, speech and notifications need platform permissions and validation on your devices. Web camera access requires localhost or HTTPS.

Find your way around

  • src/app: Expo Router routes.
  • src/features: onboarding, diary, meals, estimates, Explore, dining out, insights, habits, profile and subscription screens.
  • src/components: shared controls.
  • src/theme/tokens.ts: colours and measurements.
  • docs/figma: source mappings and implementation notes.

Connect your services

The package is a front-end starter with sample nutrition data. Camera capture and photo-library selection have integration code. Food search and barcode lookup use Open Food Facts, subject to its availability and terms. Speech entry uses the platform recognizer.

AI photo inference, menu OCR, production authentication, store billing, health integrations, durable storage and a backend require your own services. Photos need manual review and energy input until you connect an analysis service. Most app state resets on reload. The subscription screens use example prices and do not charge users.

Verification and support

The packaged source passed ESLint, TypeScript checking and Expo static web export on October 28, 2026 with Node.js 24.21.0. A native release build and physical-device certification are not included.

Your Pixilus purchase license governs the original Calory design and assets; third-party software retains its own license. Read the included asset credits and dependency notices. Open a ticket from your account during your support period and include your platform, Node.js version and reproduction steps. See the support policy.