Portfolio - DEMILY Clément - Notes d'un développeur

Portfolio

Une présentation de mes réalisations

Développeur vivant à Lille, passionné du web et de l'informatique en général.
Ancien responsable technique chez Picto Access ♿️.
Actuellement, je travaille sur l'application mobile TaleMe 🦁. Je suis également développeur freelance.
En ce moment, mes technologies de coeurs sont : Flutter, React, Ruby on Rails et Docker.

Réalisations

[Picto Access] Site Publique

Site publique du service Picto Access. Picto Access accompagne les ERP à qualifier, valoriser et piloter leur accessibilité.
Sur ce site, Picto Access expose ses offres de services ainsi que la page client de chaque ERP.

J'ai pris part au choix des technologies, managé l'équipe de développeur & contribué au développement.

Lien externe

  • typescript
  • react
  • nextjs
  • material-ui
  • storybook
  • strapi
  • accessibilité (RGAA/WCAG)
  • graphql
  • docker

[Picto Access] API

API du service Picto Access. Cette API est consommé par plusieurs applications web (site publique, application d'audit terrain, tableau de bord client, outils d'ETL, autres outils internes...).
Commencé en 2014, le choix du framework Ruby On Rails s'est fait suite à la publication de la version 4 de ce framework ainsi que la volonté d'utiliser une technologie à forte traction de part la communauté du langage Ruby, tout en ayant un écosystème mature.

J'ai pris part au choix des technologies, managé l'équipe de développeur & contribué au développement.

Lien externe

  • Ruby on Rails
  • Active Admin
  • RBAC (cancancan)
  • Domain-Driven Design
  • TDD (rspec)
  • REST
  • GraphQL
  • aws
  • docker
  • kubernetes

[Picto Access] Tableau de bord client

Tableau de bord du service Picto Access. Ce tableau de bord permet aux utilisateurs d'administrer toutes les pages des ERPs référencés sur Picto Access.
Développé avec React, utilisant la bibliothèque Material-UI. L'API consommé utilise GraphQL, ce qui permet d'avoir des requêtes parfaitement taillées pour chaques écrans du tableau de bord. SDK widgets, Google Business API.

J'ai pris part au choix des technologies, managé l'équipe de développeur & contribué au développement.

Lien externe

  • react
  • react-router
  • material-ui
  • typescript
  • create-react-app
  • graphql
  • docker

[Picto Access] Progressive Web App - application d'audit

Application web interne, utilisé pour faire des audits d'accessibilité sur site. Nous avons fait le choix de partir sur une Progressive Web App (PWA) car nous avions plusieurs contraintes :

  • Installation d'une application sur des tablettes/mobiles
  • Gestion du offline (cache)
  • Pas de développement natif iOS/android

Développé avec React, utilisant la bibliothèque Material-UI. IndexedDB pour le cache local, utilisation d'autres bibliothèques pour gérer l'état de l'application (redux, redux-persist)

J'ai pris part au choix des technologies, managé l'équipe de développeur & contribué au développement.

Lien externe

  • PWA
  • react
  • material-ui
  • create-react-app
  • redux
  • redux-persist
  • react-router
  • indexedDB
  • caching strategy
  • rest
  • docker

[DEMILY Clément] Site personnel

Le site sur lequel vous êtes actuellement. D'abord un wordpress, installé et configuré par mes soins en 2009 sur un serveur kimsufi, puis des github pages vers 2016. J'ai fini par céder aux sirènes de la JAMstack, passant sur Gatsby sur Netlify en 2020.

Sur ce site, j'y écris quelques articles de blog, j'y expose mon CV et portfolio. J'ai ouvert une rubrique en 2023 pour m'amuser avec la bibliothèque de développement de jeu "PhaserJS".

Lien externe

  • react
  • gatsby
  • netlify
  • graphql
  • phaser
  • typescript
  • markdown
  • docker

[Toerana Habitat] Toerana Habitat

Développment d'un CMS en utilisant NextJS & strapi. Marketplace, moteur de recherche et référecement de profil entrepreneur.

Intégration d'une maquette fait par un designer, utilisation de React & Material UI pour intégrer les composant UI. Utilisation de NextJS pour le SSR. Installation, configuration et customisation de Strapi ( CMS )

L'hébergement est fait sur clevercloud.

Lien externe

  • react
  • material-ui
  • nextjs
  • strapi
  • graphql
  • ssr
  • typescript
  • markdown
  • docker

[TaleMe] Application mobile et backend Server-less

TaleMe est une nouvelle manière de créer de précieux moments en famille.

Je suis le développeur derrière l'application TaleMe. J'ai créé l'application native iOS & Android en utilisant Flutter et le backend en utilisant Firebase.

Avec Jean-Baptiste Sagot, et Valentin Tabary, nous nous sommes associé pour proposer une façon inédite d'utiliser l'IA générative.

Lien externe

  • flutter
  • firebase
  • dart
  • typescript
  • ios
  • android
  • openai
  • DALL-E 3
  • langchain
  • analytics
  • achat in-app
  • subscription

Stack Technique

Backend

  • Ruby on Rails
  • NodeJS
  • strapi
  • firebase
  • rest
  • graphql
  • symfony
  • wordpress

Frontend

  • react
  • material-ui
  • NextJS
  • typescript
  • javscript es6
  • seo
  • accessibilité web (RGAA/WCAG)
  • html5
  • css3

Mobile

  • flutter
  • crashlytics
  • firestore
  • ios
  • android
  • flame
  • revenuecat
  • achat in-app
  • subscription
  • fastlane
  • playstore
  • appstore

Test

  • Test-Driven Development
  • Behaviour-Driven Development
  • cypress
  • storybook

Tooling

  • git
  • docker
  • kubernetes
  • aws
  • bash
  • vscode
  • gitlab
  • github

Soft Skills

  • communication
  • management d'équipe
  • formation
  • agile

© All rights reserved.