Back to Projects

400grains Tools

Photography tools website featuring contact sheet generator and other utilities

April 1, 2025

In Progress

View Live

Tech Stack

  • Tanstack logo Tanstack
  • Tailwind logo Tailwind
  • Typescript logo Typescript
  • Vercel logo Vercel
400grains tools website interface

400grains Tools is a specialized website I created to house various photography tools and utilities. Currently featuring a contact sheet generator, this platform is designed to provide practical tools for photographers and visual artists.

Project Overview

This project serves as a utility hub for my photography workflow, offering web-based tools that streamline common photography tasks. Built with modern web technologies, it provides fast and efficient tools accessible from anywhere.

Current Features

  • Contact Sheet Generator: Create professional contact sheets online
    • Upload multiple images
    • Customizable layout options
    • High-quality PDF export
    • Grid-based arrangement
    • Professional formatting

Planned Features

  • Image Batch Processing: Resize and optimize multiple images
  • EXIF Data Viewer: Extract and display image metadata
  • Color Palette Generator: Extract color schemes from photos
  • Image Format Converter: Convert between different image formats
  • Photography Calculator: Depth of field and exposure calculators

Tech Stack

  • Framework: TanStack Start for modern full-stack development
  • Styling: Tailwind CSS for responsive and utility-first design
  • Language: TypeScript for type safety and better development experience
  • Deployment: Vercel for reliable hosting and edge deployment
  • Performance: Optimized for fast tool execution and user experience

Development Philosophy

The tools are designed with photographers’ workflow in mind:

  • Speed: Fast processing and immediate results
  • Simplicity: Clean, intuitive interfaces
  • Quality: Professional-grade output
  • Accessibility: No installation required, works in any browser
  • Privacy: Client-side processing when possible

Technical Approach

Using TanStack Start allows for:

  • Modern Development: Latest React patterns and best practices
  • Type Safety: Full TypeScript integration
  • Performance: Optimized bundle size and loading
  • Flexibility: Easy addition of new tools and features

Live Tools

Visit tools.400grains.com to access the photography tools suite.