Dagmawi Zewdu 👋
A Passionate Frontend Developer 🖥️ & Backend Developer having 7+ years of Experiences over 3+ Country Worldwide.
Client For:
Paris Orthotics
Overview
Paris Orthotics specializes in manufacturing premium-quality custom-made foot orthotics. Unlike systems that rely on digital shape libraries or pre-fabricated molds, Paris Orthotics ensures a truly custom device for each order. The project involves developing a dynamic ordering system where users scan foot data, fill out dynamic forms, and submit orders. The form system is entirely controlled by the admin, allowing for real-time adjustments. Some steps in the form are mandatory, while others depend on user inputs and order types. This ensures flexibility while maintaining a streamlined process for orthotic customization.
Frontend Tools: Angular, Angular Forms
Backend Tools: .NET
System Integration and Architecture: The system enables clinics and healthcare providers to order custom orthotic devices efficiently. The backend, built with .NET, processes scanned foot data and dynamically adjusts order requirements. The frontend, developed using Angular and Angular Forms, provides a highly flexible user experience where forms adapt based on admin configurations. The step-based form structure ensures that only necessary fields appear, reducing complexity while maintaining accuracy. The system's dynamic nature allows administrators to configure and update form structures without requiring code changes, making it scalable and adaptable to evolving business needs.
Challenges
Developing the Paris Orthotics ordering system required overcoming challenges related to handling highly dynamic forms, processing foot scans, and ensuring a smooth user experience for clinics. The form logic needed to be highly customizable from the admin panel, enabling real-time updates without affecting existing orders. Additionally, the system had to support step-based form structures where certain steps were required based on business rules, while others were optional.
Dynamic Form Handling
- Challenge: The ordering process required highly flexible forms that could change based on user input and admin configurations.
- Solution: Implemented a dynamic form system in Angular Forms, allowing the admin to configure fields, steps, and validation rules in real time.
Processing Foot Scans
- Challenge: Handling high-resolution foot scan data efficiently while ensuring seamless order submission posed a technical challenge.
- Solution: Developed an optimized backend in .NET to handle foot scan processing efficiently and integrated a structured storage system for quick retrieval.
Step-Based Order Process
- Challenge: Some steps in the form needed to be mandatory based on business logic, while others were conditional.
- Solution: Designed a step-based workflow where required steps were dynamically enforced, ensuring a smooth and error-free ordering process.
Admin-Controlled Form Configuration
- Challenge: The form structure needed to be modifiable from the admin panel without requiring code changes.
- Solution: Built an admin dashboard that allows real-time updates to form fields, steps, and rules, ensuring adaptability to changing business requirements.
Results/Conclusion:
By implementing a dynamic form engine using Angular Forms and ensuring backend efficiency with .NET, the system successfully meets the unique needs of Paris Orthotics. The step-based ordering process improves usability, while admin-controlled configurations make the platform future-proof. The result is an advanced, flexible, and scalable orthotic ordering system that enhances efficiency for clinics and healthcare providers.
