Hello, je suis Cyril De Graeve, Développeur javascript fullstack et Problem solver. J'ai hâte de travailler pour vous.

BIENVENUE DANS MON PORTFOLIO

HARD SKILLS

Qui je suis ?

Journaliste cyberculturel dans une vie antérieure, passionné par les machines et les réseaux depuis toujours, j'exerce aujourd'hui une activité de développeur freelance riche de projets et de nouveaux contacts.

Pourquoi moi ?

Vous avez un problème ? J'ai la solution ! En tant que développeur freelance, je propose une gamme de services de développement web qui couvrent toutes les étapes du processus de création d'un site, d'un SaaS ou d'une application. Grâce à ma pratique et mes connaissances de l'écosystème Javascript (ES6+), je suis en mesure de résoudre des problèmes complexes en créant des solutions fonctionnelles et des interfaces esthétiques modernes adaptées à vos besoins.

    JavaScript

    React

    Node.js

    Next.js

    Express.js

    Supabase

    PostgreSQL

    Sequelize

    Framer

    Chakra UI

    Bootstrap

    Agile / Scrum
    (méthodes)

    GitHub

    Vercel

PROJETS

Serious Publishing

Serious PublishingSerious PublishingSerious Publishing
Pour une maison d'édition parisienne, je me suis chargé de la refonte complète d'un site PHP/MySQL en un site (et webapp) Javascript/PostgreSQL.

> Front-end : Conception, réalisation technique et éditoriale (React / Next.js / Typescript / Tailwind / Framer motion) + mis à niveau RGPD + SEO,
> Back-end (Node.js / Express / PostgreSQL) : réalisation d'une d'une API Rest et création d'un Back-office complet et entièrement sécurisé (Next Auth, JWT),
> Développement d'une la boutique en ligne + Panier user + Paiements Paypal et CB + calcul des fraits de port...
> Responsive design pour affichage adéquat sur tous les types d'écran (version optimisée sur smartphone).

Pour ce client, je me suis également chargé de l'installation et de la configuration complète de l'application sur un serveur VPS. J'ai géré l'ensemble du déploiement, y compris la configuration du serveur (Nginx, certificat SSL, Node.js, PM2...) pour assurer une performance et une sécurité optimales.

Développeur Fullstack (+ DevOps)

ReactNext.jsTypescriptShadcnNode.jsPostgreSQLTailwindFramer-motion

Clairios

ClairiosClairiosClairios
Pour une entreprise de services informatiques axée sur l’infogérance et le conseil, j'ai conçu et développé un site web dynamique et moderne, en mettant l'accent sur l'accessibilité, l'efficacité et l'expérience utilisateur optimale :

> Présentation professionnelle des services : Conception d'une interface utilisateur claire et intuitive, mettant en valeur les services proposés, tels que l'infogérance, la sécurité, le support, et les solutions cloud, pour répondre aux besoins des PME et TPE.
> Fonctionnalité de contact optimisée : Création d'un formulaire de contact convivial et fonctionnel, permettant aux clients de facilement entrer en contact pour des demandes d'information ou des propositions commerciales.
> Optimisation pour le référencement : Incorporation de balises méta et de données structurées pour améliorer la visibilité du site sur les moteurs de recherche et attirer un public plus large.

Pour ce client, je me suis également chargé de l'installation et de la configuration complète de l'application sur un serveur VPS. J'ai géré l'ensemble du déploiement, y compris la configuration du serveur (Apache, certificat SSL, Node.js, PM2...) pour assurer une performance et une sécurité optimales.

Développeur Front freelance (+ DevOps)

ReactNext.jsTypescriptNode.jsTailwindFramer-motion

Sajin Studio

Sajin StudioSajin StudioSajin Studio
Pour un photographe, j'ai conçu cette application (web & mobile) de gestion et de partage de photos événementielle afin de lui permettre de proposer en direct à son public et ses clients le partage des ses shootings. Voici ce que j'ai réalisé :

> Gestion des événements : Création et gestion d'événements personnalisés, permettant un stockage et un accès facile aux photos spécifiques de chaque événement,
> Upload et stockage sécurisé : Une interface intuitive pour l'upload et le stockage des photos, garantissant que chaque moment capturé est conservé en toute sécurité et accessible,
> Visualisation intuitive : Une galerie épurée permettant aux utilisateurs de visualiser, de sélectionner et de partager les moments qu'ils affectionnent,
> Envoi de photos personnalisé : Intégration d'un système d'envoi d'e-mails fluide, permettant aux utilisateurs de partager aisément leurs souvenirs avec leur entourage,
> Administration simplifiée : Une interface d'administration robuste pour une gestion sans effort des contenus et configurations.

Pour ce client, je me suis par ailleurs chargé de l'installation de l'application (Front et Back) sur un VPS vierge que j'ai entièrement configuré, from scratch (Nginx, certificat SSL, Node.js, PM2...).

Développeur Fullstack freelance (+ DevOps)

ReactNext.jsTypescriptNode.jsExpressChakra UIBcryptFramer-motion

Codeberry

CodeberryCodeberryCodeberry
Pour une startup en phase de financement, j'ai participé au développement du MVP d'un SaaS destiné à générer automatiquement des Pull Requests à partir de tickets Jira et/ou Linear. Mon rôle principal était d'intégrer Jira dans l'application pour récupérer certains tickets et automatiser leur traitement, ce qui facilite le flux de travail des équipes de développement et améliore l'efficacité du processus de gestion de code.

> Intégration de Jira dans l'application (Base de données - Supabase & Drizzle ORM -, développement d'une API avec Next.js API Routes pour interagir avec l'API de Jira,
> Création de fonctions pour automatiser la génération de Pull Requests basées sur les tickets récupérés,
> Affichage des tickets Jira dans l'application en temps réel,
> Utilisation de Server Actions de Next.js pour gérer les actions côté serveur directement depuis les composants React,
>Ajout d'un champ ‘label’ dans l'application et les tickets Jira.

Avec une base solide pour le MVP, j’ai pu aider à la livraison rapide d'un produit fonctionnel en seulement 5 jours.

Développeur Fullstack freelance

ReactNext.jsTypescriptTailwindShadcnFramer-motionDrizzleSupabaseServer ActionsClerkVercel

Artificial Life Coach

Artificial Life CoachArtificial Life CoachArtificial Life Coach
J'ai conçu de A à Z (Back et Front) Artificial Life Coach, une application qui vise à offrir à l'utilisateur un coach de vie artificiel pour gérer son agenda mobile interactif hebdomadaire (ou quotidien sur smartphone), en fonction de ses intérêts et besoins actuels. Après inscription ou connection, le user peut :

> Saisir ses centres d'intérêt (1 ou plus) et se besoins actuels pour une durée (en jours) qu'il vous détermine,
> Transmettre sa sélection directement au coach, en capacité dorénavant d'ajouter des paillettes dans sa vie.
> Questionner le coach : quoi faire cet après-midi ? Ou demain matin ?,
> Ajouter la suggestion du coach à son agenda, au jour et à l'heure qui lui conviennent.
> Utiliser le calendrier en saisissant par ailleurs ses propres programmes et activités (façon Google Agenda).

Le serveur Front correspond avec une API RESTful, une base de données PosgreSQL et une API OpenAI (gpt-3.5-turbo-1106, précisément).

Développeur Fullstack freelance

ReactNext.jsNode.jsExpressChakra UIPosgreSQLSequelizeJWTBcryptFramer-motion

Christel Milhavet

Christel MilhavetChristel MilhavetChristel Milhavet
Pour ma cliente, coach spécialisée en carrière et psychothérapeute, j'ai conçu et développé un site élégant et fonctionnel qui reflète son approche personnalisée du coaching et de la psychothérapie.

Présentation et navigation claire : Conception d'une interface utilisateur intuitive et accessible, facilitant la navigation entre les différentes sections du site,
> Optimisation SEO : Intégration de pratiques d'optimisation pour les moteurs de recherche,
> Formulaires de contact : Développement d'un formulaire interactif, améliorant l'engagement des visiteurs et la collecte de données,
> Responsive design : Conception responsive assurant une expérience utilisateur homogène sur tous les appareils,
> Installation et configuration sécurisée (hébergement optimisé, certificat SSL et déploiement des meilleures pratiques pour la performance et la sécurité).

Ce projet a nécessité une attention particulière à l'expérience utilisateur, garantissant que le site ne soit pas seulement un point de contact mais aussi une ressource précieuse pour les visiteurs.

Développeur Front freelance

ReactNext.jsTypescriptNode.jsTailwindFramer-motion

Télégraphe

TélégrapheTélégrapheTélégraphe
J'ai créé Télégraphe, une plateforme dédiée à la découverte des boutiques du quartier Télégraphe, situé dans le 20ème arrondissement de Paris. Objectif : aider les résidents et les visiteurs à trouver facilement des boutiques locales et à en savoir plus sur ce qu'elles offrent.

Les membres de la communauté peuvent :

> S'authentifier,
> Découvrir la note et les avis laissés par les autres,
> Rédiger et enregistrer leur propre avis sur une boutique,
> Visualiser son emplacement exact sur une carte interactive (Google Map API).

L'application est totalement responsive et s'adapte à tous les types d'appareils (desktops, tablettes ou smartphones).
Ce projet est actuellement en phase de développement. Des mises à jour et des fonctionnalités supplémentaires seront ajoutées prochainement.

Développeur Fullstack freelance

FramerReactNext.jsBootstrapNode.jsSupabase

CyNoche

CyNocheCyNocheCyNoche
CyNoche est une application web qui répertorie (presque) tous les films que j'ai vus dans ma vie. J'ai réalisé cette application avec React et Chakra UI, et j'utilise une API pour fournir des données.

Fonctionnalités :

> Affichage d'un catalogue de films,
> Système de classement par étoiles (sur 5),
> Tri par noms de films, noms de réalisateurs, années de sortie et notes,
> Ajout et/ou mise à jour et/ou suppression d'un film de la base de données,
> Recherche des films par titres et/ou réalisateurs,
> Sélection de la fiche d'un film (affiche + pitch),
> Résumés en anglais ou français,
> Dark ou light mode,
> Journalisation des ajouts, modifications et suppression (Winston).

Vous pouvez utiliser mes données (plus de 2200 films) ou les vôtres si vous remplissez la base de données avec vos propres films.

Projet personnel (Front + Back)

ReactChakra UINode.jsExpressPosgreSQLWinston/Papertrail

J'adopte un humain

J'adopte un humainJ'adopte un humainJ'adopte un humain
Á la fin de ma formation, j'ai participé en tant que Product Owner et Développeur Back-end à la conception de J'adopte un humain, application responsive design d'un refuge fictif pour animaux qui permet aux futurs adoptants de choisir le compagnon le mieux adapté à leurs envies, valeurs et besoins. À travers ce projet, il s'agit de dépoussiérer les sites vitrines existants, plutôt fades et sans grandes interactions, et de fournir aux refuges un système de gestion des animaux simplifié et sécurisé.

> L'idée maîtresse repose sur un un système de matching entre le profil renseigné par l'utilisateur durant sa connexion et le profil des animaux renseignés par les soignants (staff).

> Le site comporte 3 niveaux de droits (des rôles et des permissions) : profil User / profil Staff / profil Admin, authentifié (JSON Web Token) et sécurisé (BCrypt).

Product Owner & Développeur Back

ReactSassNode.jsExpressPosgreSQLJWTBcryptSwaggerJest

Don Efficace

Don EfficaceDon EfficaceDon Efficace
J'ai participé à l'internationalisation (avec le framework 'i18next') du site de l'association Giving What We Can pour créer la version française du nouveau site de Don Efficace, une ONG à but non lucratif destinée à financer des actions pour réduire la souffrance de tous les êtres sensibles (humains et non-humain) aussi efficacement que possible, directement ou indirectement.

J'ai également mis à jour la partie marketing du site en utilisant Sanity, un CMS open-source headless écrit en JavaScript et conçu pour les développeurs.

Enfin, je me suis chargé des adaptations nécessaires pour que le site soit totalement en conformité RGPD. Un travail de 2 mois réalisé en équipe et étroite collaboration avec des développeurs Suisse-allemands et anglais.

Développeur Front & Back

ReactNext.jsTypeScriptNode.jsExpressJestSanity

Mon portfolio

Mon portfolioMon portfolioMon portfolio
Le portfolio que vous parcourez actuellement, en constante évolution, peut être visualisé en dark ou light mode, sur ordinateur de bureau ou sur smartphone, selon vos préférences. Vous pouvez le lire en français ou en anglais.

Je suis ravi de présenter ici quelques-unes de mes réalisations, et de vous en faire découvrir des nouvelles prochainement... Je serai très heureux de pouvoir y ajouter votre projet qui pourrait bien être le plus exceptionnel de tous. Votre vision alliée à mon expertise pourrait donner naissance à quelque chose d'unique. Je suis à l'écoute de vos besoins et prêt à collaborer afin de transformer vos idées en réalité.

Discutons-en et trouvons ensemble la meilleure solution pour vos aspirations.

Problem solver / À votre service

ReactNext.jsChakra UIFramer-motionNode.jsExpress

C'est vous qui le dites !

Quelques retours de clients et examinateurs satisfaits par mes services.

C'est la deuxième mission que je confie à Cyril. Il avait repris le Front-end de mon site et il vient de reprendre également tout le Back-end. Ses compétences full-stack sont incroyables !

Filo S.

Editeur

Très bon projet mené efficacement et rapidement par Cyril pour faire face à une demande métier spécifique et urgente. Le résultat a dépassé les attentes initiales ! Je recommande vivement ce développeur.

Emmanuel P.

Photographe événementiel

Cyril a réussi à insuffler des idées créatives pour me démarquer des autres sites déjà existants. Il respecte les délais, il est impliqué et j’étais au courant de toutes les étapes.

Christel M.

Coach de carrière et psychotérapeute

Très bon contact avec Cyril, très professionnel. Bon accompagnement dans la détermination des choix visuels de mon site internet. Très satisfait du travail réalisé.

Josselin G.

Fondateur de la société Clairios

Cyril, qui s'est montré très ouvert au feedback, bien organisé et autonome, est une personne avec laquelle il est agréable de travailler. Nous le recommandons vivement et nous travaillerons de nouveau avec lui à l'avenir.

Alejandrina C.

Présidente du fonds de dotation Don Efficace

Félicitations Cyril, pour l’obtention de ton Titre professionnel ! Tu as montré une bonne maturité en tant que développeur et tu as les soft skills nécessaires pour réussir en tant que freelance.

Le jury

Titre professionnel Développeur Web & Web Mobile

LET'S PLAY !

Je m'intéresse également à l'IA, au machine & deep learning. Mes compétences en la matière sont encore élémentaires, mais mon intérêt et ma curiosité sont puissants. Voici un Morpion que j'ai codé, pour le fun, avec l'algorithme minimax, une IA basique et déterministe. Si vous parvenez à battre la machine, j'offre les 2 premières journées de prestation ! ;-)

SOFT SKILLS (et valeurs)

COMPÉTENCES RÉDACTIONNELLES

Grandes compétences éditoriales, pour de l'édition, de la rédaction et de la réécriture (français et anglais) / Diplôme d'études supérieures en journalisme.

Pendant 20 ans, j'ai été journaliste (GQ, Paris-Match...). J'ai également fondé un magazine cyberculturel sur Internet et en kiosque, dont j'ai été le directeur de la rédaction (40 journalistes) et rédacteur en chef pendant plus de 15 ans.

ESPRIT D'INITIATIVE ET AUTONOMIE

Travailleur indépendant et autonome, je sais gérer des projets qui nécessitent des prises d'initiative créatives et fontionnelles importantes.

Pour répondre au mieux à des besoins définis en amont avec mes clients, je fais preuve d'autonomie dans l'exécution de missions créatives et innovantes, en anticipant à la fois les contraintes et possibilités d'un projet à forte valeur ajoutée.

SUIVI DES TENDANCES

Capacité d'observation et d'analyse des dernières tendances culturelles, sociétales et technologiques.

Je m'évertue à capter les intérêts d'un public jeune et connecté en dénichant des contenus et des techniques de pointe, résultat d'une surveillance parmanente des tendances pour être et agir dans l'air du temps.

RÉSEAUX SOCIAUX ET WEB 3

Excellente maîtrise des réseaux sociaux et bonne compréhension de la dynamique du Web 3.

Je sais optimiser une présence en ligne, avec une utilisation stratégique des réseaux sociaux, tout en me tenant activement informé des développements du Web 3, afin d'améliorer l'engagement et la portée du public.

FLEXIBLE ET DISPONIBLE

Grande flexibilité et disponibilité, adepte du télétravail et des horaires atypiques.

Je gère sans difficulté des projets à distance et sur différents fuseaux horaires, en fournissant constamment à mes partenaires un suivi de mes réalisations et des résultats probants.

CULTURE GEEK ET JEUX VIDÉO

Cinéphile, gamer et fan de cyberpunk. Profondément immergé dans les cultures numériques depuis le début des années 1990.

J'ai connu et utilisé une grande variété de consoles de jeu, de mondes ouverts, d'ordinateurs (Apple IIe, Amstrad, Atari ST, Amiga, Mac, PC...). Cette passion a alimenté mon immersion dans les cultures numériques, en me permettant de comprendre et de m'adapter aux tendances émergentes.

ANIMAUX / MACHINES

Passionné de technologie avec un profond amour pour les animaux, chérissant à la fois l'innovation et les êtres vivants.

Vivant avec deux compagnons humains et une chienne, j'aspire à un avenir rempli de technologies de pointe et d'animaux de compagnie diversifiés. En tant qu'humain vegan et antispéciste, je respecte toutes les formes de vie, qu'elles soient animales, végétales ou numériques.

FORCES ET FAIBLESSES

Dévoué, minutieux, ponctuel, curieux, à l'écoute, ouvert d'esprit et mature. Humble, j'accueille avec sérénité mes imperfections (d'humain).

Je fais preuve d'intégrité et de fiabilité, constamment démontrées dans les milieux professionnels. Non sans lacune, mais en m'efforcant constamment d'apprendre et de booster mes compétences.

CONTACT

On travaille ensemble ? Veuillez laisser un message afin que je puisse comprendre vos besoins en matière de création, de refonte et d'optimisation de sites, de SaaS et d'applications (web et mobile), tant en front-end qu'en back-end. Je vous invite également à visiter mes espaces sur les réseaux sociaux, ainsi que mon profil sur des plateformes de marché comme Malt ou Codeur, où je propose mes services.

    X logo
    Malt logoCodeur logo