QUENTIN LECOCQQUENTIN LECOCQ

WEB DEVELOPER | JAVASCRIPT LOVER

I'am a JavaScript developer, living in beautiful Lille in France. Love working on web technologies like, Node.js, React and also Gatsby.js.

SEE WORKS

Tom's Foodtruck

Création et mise en ligne du site internet pour Tom’s Foodtruck qui propose d’alléchants burgers, fajitas et autres bagels du coté de la Rochelle. Pour ce qui est de la Stack technique, j’ai utilisé React (Gatsby), netlify pour l’hébergement et Strapi en tant que CMS pour que Tom ait la possibilité de modifier lui-même le contenu de son site tel que les burgers à la carte ou le calendrier de ses différents emplacements.

ReactJS - GatsbyJS - Netlify - Strapi - SCSS - TailwindCSS

Billy Burger

Site d'un fast food réalisé avec Gatsby JS et React JS. Ce site est en grande partie responsive, il reste quelques petites modifications a apporter. J'ai fait ce projet dans l'optique, essentiellement, d'améliorer mes compétences en CSS (Flexbox et CSS Grid). Ce site est hébergé sur Netlify et relié directement à Strapi CMS, lui même hébergé sur Heroku. Strapi permet à un utilisateur lambda d'ajouter tous type de contenu, les burgers ou reviews par exemple sans avoir à mettre les doigts dans le code.

ReactJS - GatsbyJS - Netlify - Strapi - Heroku - CSS

Github Finder

Petite application permettant d'effectuer une recherche sur les utilisateurs Github. Application utilisant exclusivement ReactJS et les nouvelles normes React telles que les hooks et les functionnal components. J'ai utilisé l'API Github pour mettre en place mes requêtes HTTP ainsi que la librairie Axios. L'application est hébergée gratuitement sur Netlify via le CLI Netlify.

ReactJS - Axios - useEffect Hook - useState Hook - Context API - Github API - Netlify

Yelp Camp

Création d'un site permettant de se connecter et d'ajouter des lieux de campings dans le monde entier. Site crée avec NodeJS et hébergé sur Heroku en deploiement continu. La base de donnée utilisée est MongoDB via Cloud MongoDB Atlas. Un système de géolocalisation a aussi été développé en utilisant l'API Google Map.

NodeJS - JavaScript - Heroku - Google Map API

Contact Keeper

Application de type carnet de contact, permettant comme son nom l'indique d'enregistrer tous vos contacts qu'ils soient personnels ou professionnels. L'application est fullstack en utilisant la MERN stack, la base de données et utilisé via le service Cloud Atlas de mongoDB, le site lui est hébergé gratuitement sur Heroku. Chaque utilisateurs à son propre compte, avec une fonction de log in et log out ce qui permet d'avoir une authentification unique et protégée par JWT.

ReactJS - Axios - JWT - MongoDB - Heroku - CloudAtlas - MERN

Phono Headphone

One Page réalisé exclusivement en HTML et CSS faisant la promotion d'un tout nouveau casque sans fil. Pas de JavaScript pour ma part cette fois uniquement HTML et CSS pour découvrir les bonnes pratiques. J'ai juste eu recours à une librairie super cool permettant de mettre en place un carroussel rapidement, SimpleLightBox utilisant jQuery. Le site est hébergé lui aussi sur Netlify.

HTML - CSS - Netlify - SimpleLightBox - jQuery

BLOG

Hoisting en JavaScript

Voici une notion qui peut être un peu déroutante au début, le hissage en français.

3 January 2021

ARRAY JavaScript

On aborde aujourd'hui le thème des tableaux qui sont eux aussi un élément incontournable de la programmation informatique.

23 January 2020

REST ? Une explication simple

Il y a plusieurs types d’API et c’est à vous de choisir celle qui s’adapte le mieux à vos besoins. REST signifie “Representational State Transfer”.

18 January 2020

Les possibles valeur de 'this' en JavaScript

Dans ce 5ème article consacré à JavaScript, nous allons aborder le thème du this.

14 January 2020

Les prototypes ES5 et les classes ES6

Dans ce quatrième article consacré à JavaScript, nous allons faire la découverte des prototypes et des classes JS.

10 January 2020

Introduction à Git, comment l'utiliser ?

Git & Github les deux incontournables, qui sont deux choses complètement différentes, à ne pas confondre, mais qui fonctionnent merveilleusement bien ensemble.

4 January 2020

CONTACT