Projets personnels

LetsLearn en ligne

Perso
Ce que je construis pour moi

Des projets pour apprendre autrement

En dehors de mon alternance, je développe activement des projets personnels pour explorer des sujets plus profonds : architecture backend, sécurité, infrastructure et automatisation.

Projet principal

LetsLearn

Partager ce que j'apprends

LetsLearn est un site entièrement frontend que j'ai créé pour structurer et partager des ressources d'apprentissage techniques. Il propose un cours Vue 3 / Nuxt 4 et reviendra en détail sur sa propre construction. Projet ouvert, en constante évolution.

Ce que contient le site

Cours Vue 3 & Nuxt 4

Un cours complet pour apprendre Vue 3 et Nuxt 4, de zéro à la mise en production.

Coulisses du site

Un cours expliquant comment LetsLearn lui-même a été construit : stack, décisions d'architecture et déploiement.

Infrastructure auto-hébergée

Hébergé sur mon infrastructure Proxmox avec Docker, Traefik et Cloudflare Tunnels.

Observabilité complète

Grafana, Loki, Promtail et Prometheus pour les logs, métriques et dashboards en temps réel.

CI/CD via GitHub Actions

Déploiements automatisés via workflows GitHub Actions, sans intervention manuelle.

En constante évolution

Le contenu et les fonctionnalités évoluent régulièrement, LetsLearn n'est jamais vraiment terminé.

Un projet frontend complet, en constante évolution

LetsLearn illustre ma capacité à concevoir et déployer une application en autonomie : frontend soigné, infrastructure auto-hébergée, monitoring complet et contenu de qualité. Un projet ouvert que je fais évoluer régulièrement.

Architecture

Backend Go sécurisé

J'ai développé un backend en Go pour apprendre le langage en profondeur et construire une base solide et réutilisable. Il n'est pas encore déployé en production mais servira de socle pour mes prochaines applications.

Authentification complète (JWT, access + refresh tokens)

Rotation automatique des refresh tokens

Token d'accès à courte durée de vie (~5 min), refresh long (~1 mois)

Double authentification : Google Authenticator ou email (TOTP)

Connexion OAuth via Google

Rate limiting par IP et par utilisateur

Protection contre les injections

Validation stricte des entrées

Infrastructure

Infrastructure personnelle

Je gère une infrastructure auto-hébergée pour déployer et tester mes projets.

Proxmox

Hyperviseur principal hébergeant plusieurs machines virtuelles de travail et de production.

Cluster Docker

Manager et workers pour orchestrer les conteneurs et services déployés.

VPN & sécurité

Serveur VPN et Cloudflare Zero Trust pour sécuriser l'accès aux services internes.

Traefik + Cloudflare

Reverse proxy avec Traefik et tunnels Cloudflare pour exposer les services de façon sécurisée.

Monitoring

Stack observabilité complète : Grafana (dashboards), Loki + Promtail (logs), Prometheus (métriques).

Uptime Kuma

Surveillance de la disponibilité de tous mes services, avec alerting en temps réel.

Rybbit

Alternative open-source à Google Analytics, auto-hébergée pour garder le contrôle total des données. Aucune dépendance à un tiers pour les analytics.

GitHub Actions

Déploiements automatisés via workflows CI/CD, connectés à l'infrastructure pour des mises en production sans intervention manuelle.

Stack & technologies

Ce que j'utilise

Frontend
Nuxt 4Vue 3TypeScriptTailwind CSSVuetify
Backend
GoNode.jsExpressJWTSQLMongoDB2FA / TOTPOAuth2
Infrastructure & Ops
ProxmoxDockerTraefikCloudflare TunnelsGrafanaLokiPromtailPrometheusUptime KumaRybbitGitHub Actions

Lab & explorations

Autres expérimentations

Projets initiés pour tester une idée, comprendre une technologie ou explorer une architecture.

EXP-01 Expérimental

Application mobile de contenu

Application mobile pensée pour être utile au quotidien : scroll infini, vidéos, activités, carte interactive et suggestions de trajets. L'objectif est de construire quelque chose de concret tout en apprenant des technologies hors de mes habitudes : React Native et SQL. Le backend Go a été développé pour ce projet.

React NativeGoSQLTypeScript
EXP-02 Expérimental

Explorateur & outils internes

Un explorateur de fichiers SFTP pour naviguer et gérer mes serveurs depuis un navigateur. En parallèle, je réfléchis à des outils internes pour simplifier et automatiser ma façon de travailler au quotidien.

Vue 3Node.jsTypeScript
EXP-03 En cours

Templates de sites prêts à l'emploi

Templates de sites réutilisables pour démarrer rapidement un nouveau projet. Par exemple, un template de site vitrine Nuxt 4 configurable et déployable en une seule commande, prêts pour mes prochains clients.

Nuxt 4Vue 3TypeScriptTailwind CSS

Envie d'en discuter ?

Ces projets reflètent ce qui m'anime vraiment. Si un sujet vous parle, je suis toujours ouvert à en discuter.