Custom Nutrition-Focused PWA Platform for Meal-Based Healthcare Solutions

Business Requirement

The client required a user-friendly, scalable platform that enables users to:

• Register and log in securely
• Browse a curated library of recipes
• Filter meals based on medical conditions (e.g., Hypertension, CKD, Diabetes, PCOS, etc.)
• Access dietary guidance via categorized meal plans
• Manage recipe data dynamically via an admin interface
• Ensure a smooth user experience across devices via PWA implementation

Solution Delivered

The project was delivered as a modular, API-driven platform with distinct user and administrative interfaces. Key features include:

1. Role-Based Access and Registration
   • Secure registration and login system
   • Role-based access control supporting both standard users and multiple admin roles
2. Advanced Recipe Filtering & Tagging System
   • Recipes categorized by medical condition: Regular, Hypertension/NAS, CKD/Renal, No Added Salt, Low Fat, Diabetes/CHHO, PCOS
   • Recipes further refined by tags: Low Sugar, Low Salt, etc.
   • Each recipe includes detailed cooking steps, ingredients, serving size, and full nutritional analysis
3. Dynamic Recipe Version Management
   • Admin interface enables the creation and management of recipe versions for different dietary needs
   • Version duplication feature simplifies the process of generating variations
   • Dedicated modules for managing recipe versions and associated tags
4. Meal Plan Document Uploads
   • Admin can upload categorized PDF meal plans under Veg, Non-Veg, and Vegan
   • Users can browse and download meal plans from the frontend interface
5. Bulk Import Module
   • Custom-built import tool for recipes via formatted Excel sheets
   • Admin can prepare recipes offline and upload in bulk with all details including ingredients, tags, versions, nutrition analysis, and cooking steps
6. Technology Stack
   • Backend: Java, Spring Boot, JPA, Hibernate, MySQL
   • API Testing: Postman
   • Frontend (User + Admin): ReactJS, Bootstrap (PWA-compliant)
   • Content Management Website: WordPress + Elementor for marketing and promotional purposes

Architecture & Deployment

• Frontend and backend components are decoupled
• Independent deployment of user app, admin app, and backend server possible on separate infrastructures

User Experience

The user interface is intuitive and responsive, providing an app-like experience across devices. The PWA structure allows users to install the application on their devices for offline support and push notification integration.

Outcome & Impact

• Created a specialized digital nutrition platform catering to multiple dietary needs
• Enabled medical professionals and patients to streamline nutritional consultation
• Simplified large-scale recipe data management via import utilities
• Enhanced brand presence through an SEO-optimized WordPress website

Conclusion

This project exemplifies the successful convergence of healthcare expertise, scalable technology, and user-centric design. By addressing the niche segment of condition-based nutrition, the platform demonstrates Digitobit’s capability in delivering advanced, tailored digital health solutions.