Role: Concept, Development, Design, DevOps
Stack: NextJS, GraphQL, Nginx, Docker
Objectif:
Grace à une extension Chrome dédiée, les utilisateurs alimentent eux meme la base de données des formations en ligne.
Fonctionnalités:
- Aucune saisie ou soumission n'est nécessaire, il suffit d'avoir l'extension Chrome d'activée et de surfer sur les sites de formation supportés (Udemy, Coursea, ...)
- Si un coupon de réduction ou de gratuité est disponible, l'extension fait apparaitre une popup de redirection avec un lien affilié
- La page d'accueuil du site fait apparaitre en temps réel (sans rechargement de page) les nouvelles formations.
- Un tweet est automatique envoyé à chaque nouvelle formation créé
- Un GIF animé est automatiquement créé pour illustrer la formation
- SEO : Sitemap, RichSnippets, et metadata sont générés dynamiquement
Points Techniques:
- Le site utilise les subscriptions de GraphQL, adaptées pour Next.js 8.1 .
- Le Backend s'appui sur NodeJS, Express, et Prisma/Yoga/MongoDB.
- L'extension browser (Chrome et Firefox) est en React, avec support de async/await sur les API Chrome via un package spécifique, les requetes GraphQL utilisent les hooks.
- Interrogation de l'API REST de Udemy.com pour récupérer et historiser toutes les caractéristiques d'une formation (prix, durée, nbre inscrits,...)
Screenshots:
Dashboard formations
Logs in realtime
Fiche produit formation
Chrome Extension
P M2 Dev Ops