Outil de traduction assisté par l'IA
Mise en place
Ce projet se découpe en 3 parties :
L'outil en lui-même, dispo sur npm,
Un backend,
Un site vitrine.
1 - L'outil
C'est cette partie que vous installez en faisant npm install linguai. Une fois téléchargé, vous pouvez lancer des commandes pour traduire votre site. Niveau technique, c'est du Node.js pur, avec l'utilisation de AST pour identifier précisemment les textes dans un fichier JSX. On y fait également des appels API vers le backend pour traduire et générer les clés de traduction.
2 - Le backend et le site vitrine
Il n'est pas envisageable d'appeler directement les API Google Translate et Google Gemini depuis l'outil dispo pour les utilisateurs. En effet, cela exposerait dangereusement mes clés d'API et risquerait de me coûter très cher ! Il me fallait donc un backend pour servir de proxy. Comme les 2 APIs mentionnées ci-dessus sont payantes, il fallait également que je monétise. Je devais donc, d'une part, protéger l'utilisation du backend par une clé d'API et, d'autre part, intégrer Stripe.
Techniquement, après avoir fait un premier backend avec Express pour le proxy, j'ai finalement décidé d'utiliser Next.js en mode fullstack. Ainsi, les utilisateurs peuvent télécharger le package npm, puis l'invite de commande va les rediriger vers le site vitrine pour qu'ils s'inscrivent et génèrent une clé d'API pour pouvoir utiliser l'outil.
La clef d'API contient un nombre de requête limité. Une fois le nombre atteint, l'utilisateur est invité à passer l'abonnement plus adpaté.
Côté abonnement, j'ai intégré Stripe.
Ce qu'en pensen mes clients.
.webp){kind=icon}
PH a été Tech-Lead Front-End chez hestiia pendant un an et demi et a joué un rôle central dans le développement de nos projets web et mobiles. Son expertise technique en React et NextJS a permis de lancer notre site vitrine avec succès, offrant une interface utilisateur moderne, performante et hautement réactive. PH s'est également distingué par son travail sur notre application mobile, où il a pris un concept initial sur Figma et l'a transformé en une application complète, disponible sur le Google Play Store et l'App Store. Sa maîtrise de React Native et d'Expo a été cruciale pour ce projet, assurant une intégration fluide et une expérience utilisateur optimale. PH possède également une solide expérience en méthodologies agiles et en Scrum, ce qui a grandement facilité la gestion de projets et l'organisation des équipes. Grâce à son expertise, nous avons pu effectuer des mises en production régulières et sans heurts, garantissant la qualité et la stabilité de nos applications.
Rapide, efficace, force de proposition, Pierre-Henri s'adapte vite à de nouveaux environnements et de nouvelles technologies et sera un bon atout pour vos projets !
Pierre-Henri (alias PH) m'a rejoint à la team Lead des développeurs front chez VP Auto. C'est quelqu'un d'extrêmement compétent, fiable et efficace. Il a rapidement pris en main le code source et a été une force de proposition et un des éléments clés de nos réalisations. A la fois enthousiaste et créatif, sa collaboration a permis d'atteindre un niveau de performance inimaginable au début de la plateforme, qui se traduit par une réduction drastique du nombre de bugs, une réduction des temps de réponse, une augmentation des livrables et j'en passe.Techniquement il a produit un code lisible, simple et efficace. De même, il s'est montré volontaire pour faire progresser ses collègues en partageant ses connaissances sur Typescript et React. Humainement, il a apporté une ambiance agréable au travail et a été une source de motivation pour les collaborateurs. Evoluer dans une équipe avec Pierre-Henri, c'est s'assurer d'être dans un milieu sain, ludique et jovial. C'est un véritable plaisir de travailler avec lui !
J'ai eu l'opportunité de travailler avec Pierre-Henri sur la conception d'un simulateur solaire pour notre site internet et je suis extrêmement satisfait du résultat. Il a su faire preuve d'écoute en tenant compte de mes besoins et en étant force de proposition à chaque étape du projet tant sur les choix techniques que sur l'UX et le développement. Sa polyvalence et son expertise en développement front et back ont été un réel atout pour la réussite du projet. Je le recommande vivement pour son professionnalisme et sa capacité à délivrer un travail de qualité.
Pierre Henri est intervenu en renfort de l'équipe de développement. Il a su rapidement s'intégrer, s'adapter à notre organisation et être force de proposition durant toute la durée de sa prestation (1 an et demi).Il a été un soutien important et nous retravaillerons avec lui avec plaisir.
J'ai eu la chance de directement travailler avec Pierre-Henri dans la même équipe et ça a été un grand plaisir ! C'est un excellent développeur avec beaucoup d'expérience. Il est très impliqué et très appliqué dans son travail. J'ai beaucoup appris juste en relisant son code qui est robuste et de grande qualité, d'autant plus qu'il est très à cheval sur les bonnes pratiques. Franchement je ne me fais aucun soucis pour les projets sur lesquels il est intervenu et j'apprécierai grandement retravailler avec lui de nouveau à l'avenir.