Développeuse

À propos du projet

Svelma est un projet en binôme. Il s'agit d'une application web collaborative développée avec SvelteKit, permettant d'explorer des films, acteurs et équipes techniques grâce à l'API TMDB. Le site propose un moteur de recherche, des filtres, la pagination, et des pages détaillées pour chaque film ou personne, avec un design responsive et une gestion d'erreurs adaptée.

Mon rôle

J'ai participé à la gestion et au développement collaboratif du projet Svelma, une application web sur le cinéma. Nous avons défini ensemble la répartition des tâches : je me suis chargée de l'intégration du back-end (connexion à l'API TMDB, création des endpoints, gestion des données et pagination), tandis que mon binôme s'occupait du front-end (maquettes, intégration visuelle, composants Svelte).

Méthodologie & Outils

• Plateforme de gestion de code source : GitHub (branches, Pull Requests, revue de code, releases)
• Outils de communication et de suivi : GitHub Issues, commentaires sur les PR
• Outil de déploiement : Netlify (déploiement automatique via GitHub Actions)
• Outils de développement : SvelteKit, JavaScript, SCSS, API TMDb, Postman pour les tests d'API

Aperçus

À propos du projet

Le projet Find My Gem a été réalisé par une équipe de quatre étudiants issus de trois formations à MyDigital School Lille : une étudiante en B3 Web Design UX/UI, 2 étudiants en B3 Webmarketing & Social Media, et moi étudiante B3 Développement Web. Find My Gem est une plateforme en ligne qui met en relation des clients à la recherche de bijoux uniques et des artisans bijoutiers français. Notre solution répond à une demande croissante d'authenticité, de personnalisation et de valorisation de l'artisanat local.

Architecture technique

Frontend : La couche frontend correspond à l'interface utilisateur, développée avec SvelteKit et TypeScript. Elle gère l'affichage, la navigation, la validation des formulaires et la communication avec le backend via des requêtes HTTP.

Backend : La couche backend, également basé sur SvelteKit (endpoints), expose une API REST sécurisée qui centralise la logique métier : gestion des utilisateurs, des demandes, des devis, des commandes, des paiements, etc.

Base de données : La base de données MySQL stocke toutes les informations essentielles du projet : utilisateurs, clients, artisans, demandes, devis, commandes, paiements, messages, avis, badges, etc.

Aperçus

Brief du projet

Dans le cadre du module UX Design, projet AquaTrack visait à concevoir une application mobile d'hydratation pour sportifs, en réponse à un brief client spécifique : "Comment assurer une hydratation optimale pour Simone tout au long de son marathon, en tenant compte de son emploi du temps chargé et du climat de Milan ?".

Démarche UX

• Analyse des besoins : Personas, user stories, cas d'usage détaillés
• Benchmark : Analyse concurrentielle (Waterlama, Nike Run Club, etc.)
• Maquettage : Figma pour wireframes et maquettes
• Design System : Palette de couleurs, typographie, iconographie cohérente
• UX Research : Analyse des parcours utilisateurs
• Prototypage : Maquettes interactives avec transitions

Maquettes

Projet en cours de documentation...

Objectif technique

Le projet Forum Anonyme consistait à développer une plateforme permettant aux utilisateurs de publier des messages sous pseudonyme sans système de création de compte. L'objectif technique était de mettre en place une architecture microservices avec Docker, comprenant 4 services distincts : API (gestion des messages), DB (stockage), Thread (affichage) et Sender (écriture).

Technologies & DevOps

• Docker : Conteneurisation des services (API, Thread, Sender, DB)
• Docker Compose : Orchestration multi-conteneurs, gestion des réseaux et des volumes
• Stack technique : Node.js, React, NestJS, MySQL
• Commitizen : Respect de la convention de commit (Conventional Commits)
• Réseaux Docker : Isolation de la base de données et de l'API

Aperçus

Méthodologie TDD

Dans le cadre du module Qualité Logicielle et Tests, j'ai développé une calculatrice complète en appliquant la méthodologie Test Driven Development (TDD). L'objectif principal était de mettre en œuvre des composants métier robustes, chargés de réaliser les opérations mathématiques (addition, soustraction, multiplication) demandées par les utilisateurs, tout en mettant en pratique les principes du développement piloté par les tests.

Stack technique

• Gestionnaire de paquets : npm
• Langage : TypeScript
• Framework UI : React
• Outils de qualité de code : ESLint, Prettier
• Méthodologie : Test Driven Development (TDD)
• Outils de tests : Vitest (unitaires), Playwright (e2e)

Aperçus

Objectif du projet

Le projet vise à développer une API REST sécurisée, réalisée avec NestJS et une base de données SQLite, afin de gérer les adhérents, les matchs et les actualités du club. Cette API est destinée à alimenter un site web et une application mobile, afin de promouvoir ses activités, avec un fil d'actualités et un espace membre pour les adhérents.

Architecture & Sécurité

• Framework : NestJS (structuration en modules, contrôleurs, services)
• ORM & Base de données : TypeORM avec base SQLite
• Sécurité : Authentification JWT, Passport, guards personnalisés
• Configuration : Variables d'environnement gérées avec dotenv
• Documentation : Swagger (OpenAPI)
• Validation : class-validator et DTOs

Aperçus

Projet réalisé en alternance - Documentation en cours...

Aperçus

Voir les articles de mon blog de stage pour plus de détails sur ce projet.

Description

Le projet consiste à créer un blog, en PHP, avec une interface d'administration pour gérer les articles, une page d'accueil pour afficher la liste des articles avec des liens vers leurs détails, et une page de détails d'article affichant le contenu complet de l'article, les informations sur l'auteur, les commentaires existants et un formulaire pour ajouter de nouveaux commentaires.

Maquettes

Description

Ce projet consiste à réaliser une application desktop avec une interface graphique en Python, utilisant la librairie Tkinter, permettant d'interagir avec un modèle d'intelligence artificielle via une API sur huggingface. L'objectif est de créer une interface conviviale où l'utilisateur peut saisir un prompt et visualiser la réponse générée par le modèle IA.

Maquette

Clone du jeu classique Flappy Bird - Captures vidéo à venir...

Concept du jeu

Ce projet consiste à développer un jeu avec le framework MonoGame. Nous avons décidé de développer un jeu de labyrinthe. Dans ce jeu de labyrinthe, le joueur doit naviguer à travers un dédale de couloirs pour atteindre la sortie tout en évitant les monstres.

Règles du jeu

• Objectif : Atteindre la sortie du labyrinthe
• Vie du Joueur : 3 vies au départ, une vie perdue par collision avec un monstre
• Gestion du Temps : 60 secondes pour terminer le niveau
• Score : +3 points toutes les 20 secondes

Éléments du jeu

Jeu endless runner - Captures vidéo à venir...

Description

StoryCraft est une plateforme de narration interactive en streaming, utilisant l'intelligence artificielle pour personnaliser l'expérience de lecture et créer des histoires dynamiques adaptées aux préférences des utilisateurs. StoryCraft est un projet de groupe de 3 personnes. Mon rôle était la gestion du frontend, à partir de l'intégration IA qui a été fait par l'un des membres du groupe, et la gestion de la base de donnée entre le backend et le frontend.

Technologies utilisées

• SQL
• Python-Django
• Javascript-React
• GPT-2

Inscription & Connexion

Les utilisateurs peuvent saisir leur nom d'utilisateur, leur adresse e-mail et leur mot de passe pour créer un nouveau compte. Les informations saisies sont enregistrées dans la base de données pour permettre une connexion ultérieure.

Génération d'histoires

Notre générateur d'histoires interactif permet aux utilisateurs de personnaliser divers aspects de leur histoire, tels que les personnages, les paramètres et les éléments de l'intrigue, en fonction de leurs préférences. Une fois que les utilisateurs ont généré leur histoire, ils peuvent explorer le contenu créé et plonger dans des aventures captivantes directement depuis l'application.