Designing and Routing Navbar: We encountered challenges in designing and routing the navbar, which required careful consideration of UI/UX principles and efficient routing implementation. We overcame this hurdle by conducting thorough research, experimenting with different design options, and leveraging React Router for seamless navigation.

Implementing AI Model: Integrating the AI model and ensuring its seamless functionality posed a significant challenge. We tackled this obstacle by breaking down the implementation process into smaller, manageable tasks, leveraging available libraries and frameworks, and extensively testing the model to ensure accurate predictions.

Camera Preview and Prediction Accuracy: Creating a camera preview and ensuring accurate predictions from the AI model presented technical difficulties. To overcome this challenge, we experimented with different camera APIs, fine-tuned model parameters, and implemented error handling mechanisms to improve prediction accuracy over time.