Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Gricha/macro-photo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MacroPhoto

A simple, beautiful mobile app that uses AI to analyze food photos and provide macro nutrient breakdowns.

NOTE

This app has been generated using Claude Code. It's meant for demo purposes.

Quick Start

  1. Clone and install:

    git clone <repo-url>
    cd macro-photo
    npm install
  2. Set up environment variables:

    cp .env.example .env
    # Edit .env and add your API keys
  3. Run the app:

    # iOS
    npm run ios
    
    # Android
    npm run android
    
    # Web (for testing)
    npm run web

Project Structure

macro-photo/
├── app/              # Expo Router pages (file-based routing)
├── components/       # Reusable UI components
├── lib/             # Utilities and helpers
├── services/        # API clients (Claude, OpenAI)
├── hooks/           # Custom React hooks
├── types/           # TypeScript type definitions
├── constants/       # App configuration and constants
├── assets/          # Images, fonts, etc.
├── SPEC.md          # Product specification
├── TASKS.md         # Development task list
└── AGENTS.md        # AI agent instructions

Tech Stack

  • Framework: Expo (React Native)
  • Language: TypeScript
  • Routing: Expo Router (file-based)
  • Styling: NativeWind (Tailwind CSS for React Native)
  • AI: Claude (Anthropic) and GPT-5 (OpenAI)

API Keys

You'll need API keys for:

Add them to your .env file (never commit this file!).

Development Workflow

This project uses a task-based development model:

  1. Check TASKS.md for available tasks
  2. Pick a task with completed dependencies
  3. Read the task's acceptance criteria
  4. Implement the feature
  5. Test on both iOS and Android
  6. Mark the task as complete in TASKS.md

Current Status

See TASKS.md for the current state of all tasks.

Contributing

  1. Pick a task from TASKS.md
  2. Create a branch: git checkout -b task-XXX-description
  3. Implement the task following AGENTS.md guidelines
  4. Test thoroughly
  5. Commit with clear messages
  6. Update task status in TASKS.md
  7. Create a pull request

Documentation

  • SPEC.md: Complete product specification, features, and design
  • TASKS.md: Granular task breakdown for development
  • AGENTS.md: Detailed instructions for AI coding agents

Scripts

npm run android      # Run on Android
npm run ios         # Run on iOS
npm run web         # Run on web (for testing)
npm start           # Start Expo dev server

Troubleshooting

Camera not working?

  • Make sure you're running on a physical device (camera doesn't work in simulators)
  • Check that camera permissions are granted

API errors?

  • Verify your API keys in .env
  • Check your internet connection
  • Ensure you have API credits/quota

Build errors?

  • Delete node_modules and package-lock.json, then run npm install
  • Clear Expo cache: npx expo start -c

License

[Add your license here]

Contact

[Add contact information or link to issues]

About

An experiment where I ran Claude Code to "improve codebase quality" over 200 times.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published