Salut, moi c'est

Paul Comte

et je suis

Site Web pour les aidants

Visiter le site ALED Voir le code
ALED est avant tout un projet universitaire réalisé dans le cadre du semestre 3 de notre BUT informatique : grâce à ce projet, nous avons obtenu le prix du 3ème meilleur prototype. C'est une application web destinée à simplifier la vie des aidants familiaux qui accompagnent une personne âgée en perte d'autonomie. ALED est la solution qui centralise tout ce dont ont besoin les aidants. C'est un outil unique, collaboratif, qui permet à la famille de gérer au même endroit les aspects médicaux, administratifs et la vie quotidienne (repas, tâches ménagères).

Fonctionnalités

  • Système de groupe famille : Invitation de membres avec lien et système de droit.
  • Planning Collaboratif : Création de tâches et système d'assignation.
  • Gestion Documentaire Sécurisée : Stockage crypté pour les fichiers "sensibles".
  • Module Alimentaire & Courses : Catalogue de recettes et listes générées.
  • Page dédiée au profil de l'aidée.
  • Tableau de Bord (Widgets) : Regroupement des informations essentielles.
  • Accessibilité inclusive : Mode sombre, daltonien et texte ajustable.

Stack technique

  • Frontend : HTML5, CSS3, JavaScript
  • Backend : PHP 8.3
  • Base de données : PostgreSQL
  • Outils : Git, Google Keep, Notion, Laragon, VS Code
  • Déploiement : Alwaysdata

Travail individuel

  • Chef de projet : Organisation, planning, répartition.
  • Création de maquettes.
  • Développement Web FullStack.
Aperçu ALED 1 Aperçu ALED 2 Aperçu ALED 3 Aperçu ALED 4 Aperçu ALED 5 Aperçu ALED 6

Acromusic

Visiter le site AcroMusic Voir le code

PROJET EN COURS.
Développement d'un site internet pour l'artiste Acromusic. Le projet intègre une partie frontoffice, avec la présentation des albums et des singles de l'artiste. On peut également y consulter les prochaines sorties. Il y a également un Backoffice dédié à l'administration des contenus. Ces 2 parties sont reliées par une API REST Ce pojet est réalisé dans le but de m'entrainer à la création d'une application web full-stack avec des outils modernes utilisés en entreprise (voir stack technique).

Stack technique

  • Frontend
    • React (Généré avec Vite)
    • React Query (useQuery / useMutation)
    • Axios : pour communiquer avec l'API.
    • Tailwind CSS
  • Backend
    • Symfony (PHP)
    • API Platform : API REST.
    • LexikJWTBundle : Sécurisation des routes d'administration par Token JWT.
    • Doctrine ORM : Gestion des entités et requêtes en base de données.
  • Base de données
    • PostgreSQL
  • Infrastructure & DevOps
    • Docker & Docker Compose : Conteneurisation de l'environnement (Isolation de l'application web et de la base de données).
    • WSL2 (Ubuntu) : Environnement de développement Linux sous Windows.

Fonctionnalités clés

  • Permettre l'ajout, la modification et la suppression de contenus (albums, single).
  • Gérer les compositeurs dans une tableau dédié afin d'attribuer des compositeurs à chaque album ou single facilement.
Aperçu Acromusic Aperçu Acromusic Aperçu Acromusic Aperçu Acromusic Aperçu Acromusic Aperçu Acromusic Aperçu Acromusic Aperçu Acromusic

Projet Site Web Atos

Je me suis amusé à imaginer un site web pour un restaurant japonais. C'est l'un de mes premiers projets personnels.

Compétences acquises

  • Manipuler des effets simples en css
  • Positionnement d'éléments (flexbox, gridpane, relative, absolute)

Objectifs

  • Faire une page sur l'histoire du restaurant
  • Faire un beau menu de restaurant
  • Apprendre à faire des tableaux pour les horaires du restaurant
  • Intégrer google maps

Technologies et savoir-faire acquis

logo-htmllogo-csslogo-js

Projet Fan-Page João Neves

Petit projet personnel réalisé pour m'entraîner à superposer du texte et des images, en m'inspirant d'une technique de design spécifique.

Compétences acquises

  • Superposition avancée d'éléments (z-index, position absolute)
  • Animations CSS (transform, @keyframes)
  • JavaScript pour l'interactivité (IntersectionObserver, smooth scroll)
  • Effets de design (backdrop-filter, drop-shadow, filtres)

Objectifs

  • Créer une page de type "one-page" avec navigation fluide.
  • Implémenter un effet de superposition texte/image dynamique.
  • Utiliser l'IntersectionObserver pour suivre la section visible.
  • Ajouter un effet de suivi de curseur (mousemove).

Travail individuel

  • Intégration HTML/CSS de la maquette.
  • Développement des scripts de navigation et d'animation (scroll, curseur).

Technologies et savoir-faire acquis

  • Utilisation de l'IntersectionObserver API
  • Animations et transitions CSS avancées
  • Gestion des événements DOM (scroll, mousemove)

Site Vitrine Pokémon

Projet de création d'un site web vitrine pour présenter une (fausse) nouvelle collection de cartes Pokémon. L'accent est mis sur l'interactivité JavaScript, notamment la gestion d'onglets et d'une modale (overlay).

Compétences acquises

  • Gestion des événements JavaScript (click)
  • Manipulation du DOM (ajout/suppression de classes "active")
  • Création et gestion d'une modale (overlay) pour zoomer
  • Utilisation de `position: sticky` pour le menu
  • Styling avec @font-face et animations CSS

Objectifs

  • Permettre à l'utilisateur de basculer entre deux onglets (Boosters / Cartes).
  • Implémenter une modale (overlay) qui s'affiche au clic sur une carte.
  • Fermer la modale au clic sur un bouton.
  • Structurer une page de présentation de produit (concours, formulaire).

Travail individuel

  • Développement de la logique d'onglets en JavaScript.
  • Création du système d'overlay (ouverture/fermeture).
  • Intégration de la maquette et des animations CSS.

Technologies et savoir-faire acquis

  • Manipulation d'événements DOM
  • Création de modales (overlay)
  • Utilisation de polices personnalisées (@font-face)

Projet Générateur de Citations

Un générateur de citations aléatoires avec un espace administrateur. Le site utilise PHP pour se connecter à une base de données MySQL pour charger de nouvelles citations.

Compétences acquises

  • Logique backend en PHP
  • Connexion à une base de données MySQL (via WAMP)
  • Système d'authentification simple (login/session PHP)
  • Opérations CRUD (Create, Read, Delete) en PHP/SQL

Objectifs

  • Stocker et lire des citations depuis une base de données MySQL.
  • Afficher une citation aléatoire au chargement.
  • Créer un espace administrateur protégé par mot de passe.
  • Permettre l'ajout et la suppression de citations via l'espace admin.

Travail individuel

  • Script PHP pour la connexion BDD (`connexionbdd.php`).
  • Script PHP pour récupérer une citation aléatoire (`code.php`).
  • Développement de l'espace admin (login, ajout, suppression).
  • Création de la structure SQL.

Technologies et savoir-faire acquis

  • PHP
  • MySQL (via WAMP)
  • Gestion de sessions PHP

Projet Site Web Atos

Nous avons travaillé sur la vulgarisation du site web d'Atos pour le rendre plus accessible aux collégiens qui voudraient y faire leurs stages.

Compétences acquises

  • Travail en équipe
  • Utilisation d'outils collaboratifs
  • Adaptation au public (vulgarisation)

Objectifs

  • Rendre le site plus accessible
  • Améliorer l'ergonomie
  • Faciliter la navigation
  • Rendre le site plus attractif

Travail individuel

  • Création de wireframes
  • Dévoloppement Web (css,html,js)

Technologies et savoir-faire acquis

logo-htmllogo-csslogo-js
  • Utilisation de github
  • Utilisation de Whimsical

Mes projets

J’ai acquis de nombreuses compétences au cours de mes projets, qu’ils soient personnels ou scolaires. Du côté des projets personnels, j’en ai réalisé beaucoup pour faire du développement web. Pour en savoir plus, rendez-vous dans le slider ! Image soulignement

Site Web pour les aidants

"Développement d'un site web pour les aidants des personnes agêes dépendantes."

Acromusic

Réalisation d'une application web full-stack conteneurisée dédiée à l'administration et la gestion d'un portfolio pour un musicien.

Site Web Restaurant

"Création d'un démonstrateur de site web pour un restaurant japonais"

Site Web Joao Neves

"Développement d'un site web pour m'entraîner à utiliser des effets de superposition texte/image et d'effet au scroll."

Site Web Pokémon

"Développement d'un site web pour présenter une nouvelle collection de cartes Pokémon, avec gestion d'onglets et modale en JavaScript."

Site Web Génération citation

"Développement d'un site web pour m'entraîner à la manipulation d'une base de données en php et sql"

Site Web Atos

"imaginer une nouvelle version vulgarisée du site web d'Atos"

Mon parcours

Lycée

2021-2022

Seconde générale au lycée de Moirans

STI2D

2022-2023

1ère année de STI2D au lycée Ferninand Buisson à Voiron

STI2D

2023-2024

2ème année spécialité SIN

BUT Informatique

2024-2025

1ère année de BUT Informatique à l'IUT de Grenoble

BUT Informatique

2025-2026

2ème année en parcours développement

Envie de travailler avec moi?

Contactez-moi ici: