Stage

Durant mon stage de 1ère année, j’ai redéveloppé une partie d’un site web déjà existant, celui du club de judo de Marennes. J’ai été chargé de modifier la page des manifestations, qui au départ reposait sur un fichier json où l’on rentrait les infos à la main dans le code, il fallait qu’on puisse récupérer les données et les images depuis un backend open source en ligne nommé Supabase, une alternative gratuite de Firebase. Via une appli mobile mise en place par mon maître de stage, on peut créer une manifestation en rentrant les données et les images, le site les affiche en direct et dynamiquement. J’ai réalisé tout cela avec le langage TypeScript et le framework open source React. Le TypeScript est un langage très similaire au JavaScript, mais plus strict au niveau du typage car il faut typer chaque variable ou fonction, et la possibilité de créer nos propres types. Avec React, le code se découpe en composants, que l’on importe sur la page principale.

Page des manifestations du club de judo de Marennes : 

Détail d’une manifestation : 

J’ai donc utilisé Supabase, un back end en ligne open source. C’est une alternative à Firebase qui lui est payant. Dans ce back end , j’ai utilisé le système de base de données SQL, en PostGres. J’ai aussi utilisé un système de stockage nommé « Bucket », pour stocker les images. Ce « bucket » est sécurisé, seul quelqu’un possédant l’accès au compte Supabase peut y accéder, un utilisateur malveillant ne peut pas les récupérer via une URL par exemple car celle-ci est signée. Dans la base de donnée, j’ai mis en place les colonnes pour les données et j’appelle les images depuis le bucket.

Extrait de la base de données :

Bucket :

J’ai effectué du versioning avec GitLab sur ce projet, ce qui m’a permis de travailler en mode projet, tout en sauvegardant chaque version du projet via des commits, et en documentant ce projet.

Commits du projet (sous le nom stage 2 eixa6) :