Stephan Logo

HAND-CODED BY STEPHAN

Concrete Calculator โ€” Construction Estimate Web App

Built during my SDE Internship at Litvik Software Labs to help users calculate concrete volume requirements with ease and accuracy.

Tech Stack

React.jsTailwind CSSNode.jsPDFKitVercel

Problem Solved

Manual concrete calculations for various structures often led to mistakes and inefficiencies on construction sites. This app automates volume estimation, improves accuracy, and provides downloadable reports for quick referencing.

  • Dynamic forms based on structure type
  • Accurate volume/unit calculations
  • PDF report download with saved entries
  • Unit selection: meters or feet

Key Features

๐Ÿ“ Dynamic Calculation Form

Lets users input structure type, dimensions, and units for real-time volume calculation.

๐Ÿ“ค Save & Download Entries

Users can store previous entries and export them to PDF for record keeping.

๐Ÿ“ Unit Flexibility

Supports both metric (meters) and imperial (feet) unit selection.

๐Ÿงพ Structured Output

Cleanly designed reports for users and supervisors to review.

System Architecture

Concrete Calculator Architecture

*Architecture shows flow from frontend input to backend PDF generation.

Impact & Achievements

Calculation Time

Before: ~10 mins (manual)

After: ~1 min

Improvement: โ†“ 90%

Reporting Method

Before: Handwritten/Excel

After: Auto PDF

Improvement: โœ“ Automated

Usability

Before: Complex

After: Beginner-friendly UI

Improvement: โœ“ Improved

Deployment

Before: None

After: Live on Vercel

Improvement: โœ“ Completed

Personal Learnings

This project helped me explore dynamic form building, formula validation, and real-time PDF generation. I gained experience in:

  • React form handling and state management
  • Unit conversion logic and formula debugging
  • PDF report generation using backend services
  • Deploying applications with Vercel

PROJECT MOCKUP

Concrete Calculator Screenshot