Github: https://github.com/DimitriMansour667/udemhacks2025
Inspiration
Les chatbots sont omniprésents de nos jours, et leur utilité ne doit pas être sous-estimée. Cependant, cela ne signifie pas qu’ils ne peuvent pas être améliorés. Notre solution vise à faire évoluer les chatbots modernes en intégrant des modèles 3D interactifs comme moyen de communication.
Ce Que Ça Fait
L'application permet aux utilisateurs de poser des questions médicales sur un organe, ses sous-parties, leurs fonctions ou encore des faits intéressants. L’application manipule ensuite un modèle 3D de l’organe pour fournir une réponse interactive et informative.
Comment Nous L'avons Construit
Nous avons utilisé Next.js comme framework pour notre application. Ce framework basé sur React s’intègre parfaitement à Vercel, qui déploie automatiquement notre application afin de la rendre accessible à tous. Pour traiter les requêtes des utilisateurs, nous avons utilisé le modèle Gemini Flash 2.0, qui fournit des réponses rapides et précises.
Défis Rencontrés
Manipuler des objets 3D avec Three.js s'est avéré complexe au départ. De plus, nous avons rencontré des difficultés lors du déploiement de notre application web avec notre domaine en .tech, mais nous avons réussi à les résoudre.
Réalisations Dont Nous Sommes Fiers
Nous sommes fiers d’avoir créé un produit à la fois fonctionnel et esthétiquement plaisant. Comme nous avons terminé nos objectifs principaux à mi-parcours du hackathon, nous avons eu le temps d’ajouter plusieurs fonctionnalités pour améliorer l'expérience utilisateur et la fiabilité de The Human Terminal.
Ce Que Nous Avons Appris
Nous avons appris à utiliser l’API Gemini pour traiter les questions des utilisateurs et générer des réponses au format JSON valide. Nous avons également exploré l'utilisation de prompts système efficaces pour optimiser les résultats. Enfin, nous avons acquis de l’expérience dans l'affichage d’objets 3D sur une page web pour représenter différents modèles d'organes.
Les Prochaines Étapes Pour The Human Terminal
Nous prévoyons d’élargir notre plateforme en ajoutant davantage d’organes afin d’en faire une ressource encore plus précieuse pour l’apprentissage du corps humain. De plus, le développement d’une application mobile serait une excellente étape pour rendre l’outil accessible à un plus large public.
Inspiration
Chatbots are everywhere nowadays, and their usefulness should not be underestimated. However, that does not mean they cannot be enhanced. Our solution aims to elevate modern chatbots by incorporating interactive 3D models as a means of communication.
What It Does
When using the app, users can ask medical questions about an organ, its subparts, their functions, or interesting facts. The app then manipulates a 3D model of the organ to provide an interactive and informative response.
How We Built It
We used Next.js as the framework for our application. This React-based framework integrates seamlessly with Vercel, which automatically deploys our application, making it accessible to everyone. For handling user queries, we utilized the Gemini Flash 2.0 model, which delivers fast and accurate responses.
Challenges We Ran Into
Manipulating 3D objects with Three.js proved challenging at first due to its complexity. Additionally, we faced issues deploying our web app with our .tech domain, but we were able to resolve them in the end.
Accomplishments That We're Proud Of
We are proud to have created a product that is both functional and visually appealing. Since we completed our core objectives halfway through the hackathon, we had time to add multiple features to enhance user experience and improve the overall reliability of The Human Terminal.
What We Learned
We learned how to use the Gemini API to process user queries and generate responses in a valid JSON format. Additionally, we explored effective system prompts to optimize results. We also gained experience in displaying 3D objects on a webpage for different organ models.
What's Next for The Human Terminal
We plan to expand our platform by adding more organs, making it an even more valuable resource for learning about the human body. Additionally, developing a mobile app would be a great step toward making it accessible to a wider audience.
Built With
- gemini
- magicui
- nextjs
- three.js
- typescript
Log in or sign up for Devpost to join the conversation.