What inspired us Pet obesity affects over 60% of dogs in the United States, leading to serious health complications and reduced quality of life. As pet owners and technology enthusiasts, we recognized the need for a professional-grade tool that could bridge the gap between veterinary expertise and everyday pet care. We wanted to create something that would empower both veterinarians and pet owners with scientifically accurate calculations and actionable insights for dog weight management.
What we learned This project taught us the power of AI-driven development using Bolt.New. We discovered how quickly we could transform a complex veterinary concept into a fully functional, production-ready application. We learned about:
Veterinary metabolic calculations and Body Condition Score (BCS) systems The importance of user experience in health-related applications How to implement complex mathematical formulas in a user-friendly interface The value of responsive design for accessibility across devices Professional PDF generation for medical documentation State management for multi-pet profile systems Working with Bolt.New showed us how AI can accelerate development while maintaining code quality and best practices.
How we built it We built VetCalc Pro entirely using Bolt.New, an AI-powered code generation platform that transformed our natural language descriptions into a sophisticated React application. The development process included:
Technology Stack:
React 18 with TypeScript for type safety Tailwind CSS for responsive, professional styling Framer Motion for smooth animations and micro-interactions Recharts for data visualization jsPDF and html2canvas for professional report generation Lucide React for consistent iconography Key Features Implemented:
Multi-pet profile management with local storage persistence Advanced veterinary calculations using established formulas (RER, DER, MBW) Interactive sliders with real-time validation and feedback Professional PDF report generation with comprehensive health data Responsive design optimized for desktop and mobile devices Dark/light theme support with system preference detection Real-time weight loss projections and timeline visualization Deployment: The application was seamlessly deployed to Netlify directly through Bolt.New's integrated deployment system, making it instantly accessible to users worldwide.
Challenges we faced Despite the power of Bolt.New, we encountered several interesting challenges:
Complex Veterinary Mathematics: Implementing accurate veterinary formulas required careful research and validation. We had to ensure our calculations matched established veterinary standards for Resting Energy Requirements (RER), Daily Energy Requirements (DER), and Body Condition Score interpretations.
User Experience Design: Balancing professional functionality with intuitive usability was crucial. We needed to present complex medical data in an accessible way while maintaining scientific accuracy.
Data Validation: Ensuring user inputs were within safe, realistic ranges required implementing comprehensive validation systems to prevent potentially harmful recommendations.
PDF Generation: Creating professional, print-ready reports with charts and formatted data required integrating multiple libraries and ensuring consistent rendering across different devices and browsers.
Performance Optimization: Managing smooth animations and real-time calculations while maintaining responsive performance across all device types required careful optimization of our React components and state management.
The most rewarding aspect was seeing how Bolt.New enabled us to focus on solving these domain-specific challenges rather than getting bogged down in boilerplate code and basic setup tasks. The AI understood our requirements and generated clean, maintainable code that we could iterate on quickly.
Built With
- bolt
- bolt.new
- react
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.