Inspiration
Contractors and DIYers were spending too much time doing manual take-offs and juggling calculators on the jobsite. I wanted a single tool that made concrete volume, waste, and bag-count quick, accurate, and shareable.
What it does
Users pick a project, enter dimensions in feet/inches/fractions, and choose their pour type (slab, footing, column, etc.). The app computes volume, adds a waste factor, counts 80 lb bags, and even surfaces weather-based curing tips and cost estimates. Projects and past calculations are saved to Supabase, with toast notifications and a strength-progress bar.
How I built it • Frontend: React + Vite + TypeScript + Tailwind CSS + Framer Motion • Forms & State: react-hook-form for inputs, Zustand for project store • Data & APIs: Supabase for persistence, navigator.geolocation + a weather API • Utils: date-fns for dates, a standalone utils/calculations.ts for geometry, conversions & recommendations
Challenges I ran into • Parsing feet/inches/fractions reliably across all calculators • Handling invalid or missing dates for the curing-progress bar • Dynamic imports and Vite cache quirks that broke lazy-loading • Syncing toast UX, modal flows, and real-time weather fetch without blocking the form
Accomplishments that I’m proud of • A unified multi-calculator UI that contractors can rely on in poor signal/offline via PWA caching • Seamless project-scoped saving and toast feedback that keeps users in context • Weather-aware recommendations baked right into the core calculation pipeline
What I learned • The importance of robust input validation (especially with mixed-unit fields) • How to orchestrate complex state (forms + modals + async weather + project store) in React • Troubleshooting Vite’s build cache and dynamic import edge-cases
What’s next for Calc • Team collaboration & sharing — invite coworkers to a project • PDF/CSV export and branded reporting for client proposals • AR-powered dimension capture and voice-driven inputs on mobile • A Pro subscription tier with advanced mix-design advisor and plant integrations.
Log in or sign up for Devpost to join the conversation.