Projets réalisés
1/11
Site vitrine pour une boucherie locale
Guidé par ma volonté d'apporter une valeur ajoutée ainsi que mon besoin d'expérience, j'ai identifié une opportunité de moderniser la présence en ligne de mon boucher. Constatant qu'il utilisait déjà Facebook pour interagir avec sa clientèle, j'ai créé un site vitrine avec un SDK Facebook Page qui lui permet de mettre à jour facilement les actualités sans effort supplémentaire. J'ai également ajouté un formulaire de contact qui permet de réserver par mail afin de ne plus être obligé d'appeler pour réserver. Le projet lui a plu et j'ai donc mis le site en ligne. (En développement, août 2023)
Technologies utilisées
- NextJS 13
- Typescript
- SDK Facebook Pages
- UX Design
- Mobile First
1/8
Application de génération de livres, avec bibliothèque personnelle
J'ai conçu une application novatrice visant à stimuler la créativité des enfants en leur offrant la possibilité de créer leurs propres histoires à partir de requêtes simples. À l'aide de l'API GPT, le projet repose sur une architecture complète utilisant ReactJS, NextJS, TypeScript et Framer Motion pour le front-end. Le back-end est construit avec NodeJS et MongoDB, permettant la connexion des utilisateurs et l'enregistrement des livres générés dans une bibliothèque personnelle. (En développement, août 2023)
Technologies utilisées
- NextJS 13
- Typescript
- Framer Motion
- NodeJS
- MongoDB
- API GPT (OpenAI)
1/7
Site de location immobilière
Pendant ma formation, j'ai conçu un site de location immobilière fictif en utilisant ReactJS, transformant avec succès une maquette en une application fonctionnelle. Ce projet a été l'occasion d'appliquer des bonnes pratiques de développement, en intégrant des composants réutilisables et en adoptant React-Router pour une navigation optimale. J'ai perfectionné mes compétences en JSX, utilisé Eslint et Prettier pour garantir un code propre, exploité les Hooks useState et useEffect, et adopté la méthodologie BEM associée à Sass pour optimiser le CSS. Cette expérience atteste de ma capacité à développer des interfaces utilisateur réactives et à mettre en œuvre des solutions modernes en utilisant ReactJS. (2eme trimestre 2023)
Technologies utilisées
- ReactJS
- Create React App
- React-Router
- Sass
- BEM
- Hooks
1/3
Booki
Intégration d'une maquette Figma pour un site d'agence de voyage. Une des contraintes était d'utiliser seulement HTML et CSS, ce qui m'a permis d'apprendre à utiliser correctement les balises sémantiques ainsi que Flexbox et Grid. J'ai dû respecter les normes W3C, les règles d'accessibilité ainsi que les bonnes pratiques SEO. J'ai également utilisé les media queries pour avoir un site resonsive. Bien que le projet soit seulement en HTML et CSS, j'en suis encore fier car il est plutôt joli malgré que c'était mon premier projet web. (1er trimestre 2023)
Technologies utilisées
- HTML
- CSS
- Figma
- Pixel Perfect
- balisage SEO
1/7
Portfolio d'architecte
Conception d'une page web dynamique avec Javascript. Ma tâche était de coder la partie front-end et de la connecter à une API. J'ai dû créer la page de connexion/inscription ainsi qu'une modale permettant d'ajouter/supprimer une image. (1er trimestre 2023)
Technologies utilisées
- JavaScript ES6+
- Appel API REST
- CRUD
1/7
Site de photographe
Débugage et optimisation d'un site de photographe. Ma tâche consistait à faire en sorte que le site déjà existant passe la barre des 90 dans les quatres catégories de Google Lighthouse (Performance, Accessibilité, Bonne pratiques, SEO) ainsi que de corriger les deux bugs existant. Etant donné que le client était photographe, les images était de très bonnes qualité et très lourde ce qui ralentissait le site et j'ai donc dû les convertir en format .webp et réduire leur taille. (2eme trimestre 2023)
Technologies utilisées
- SEO
- Accessibilité
- Core Web Vitals
- Bonnes pratiques
1/5
Site de notation de livres
Création d'un serveur NodeJS et une API Rest. Le site permet d'ajouter/supprimer/modifier un livre ainsi que de le noter. J'ai dû créer une base de données MongoDB pour gérer l'enregistrement des livres ainsi que les utilisateurs. Qui dit utilisateurs, dit sécurité donc j'ai mis en place un middleware d'authentification et utiliser les jwt et bcrypt. (2eme trimestre 2023)
Technologies utilisées
- NodeJS
- Express
- API Rest
- CRUD
- Sécurité
Compétences
HTML
- Structure sémantique
- Mises en page responsives
- Accessibilitité
- Référencement Google et SEO
CSS
- SASS Tailwynd
- Flexbox et Grid
- Nomenclature BEM
- Animations
Javascript
- Manipulation du DOM
- Fonctions modernes (ES6+)
- Fonctions Asynchrones
- Promises et appel API
ReactJS
- Hooks
- React Router
- Create React App
- Jest/React Testing Library
NodeJS
- CRUD
- Gestion MongoDB
- Middleware personnalisé
- AuthentificationJWT
- Green IT
- Création d'API
NextJS 13
- App Routeur
- Server Side Rendering
- Optimisation
- Fetching API
Typescript
- Maintenabilité
- Typage
- Détection des erreurs
- Optimisation
À Propos
Localisation: Douai
Âge: 23ans
Langues: Français, Anglais professionnel, Finnois bilingue
Disponibilité: Immédiatement
Permis B
- Bac STI2D spécialité SIN (Sciences et Technologie de l'Industrie et du Développement Durable, Systèmes Informatique et Numérique)
- Formation 'Développeur Intégrateur Web' OpenClassrooms 2023 RNCP de niveau 5