Français 🇫🇷
Introduction

RINCON BRAZILLIER Johan.

Bonjour! 👋

Je m'appelle Johan, je suis un développeur passionné par la création d'applications web. Regardez mes projets ci-dessous !

5+

Années
d'expérience

À propos

mon parcours.

📚 J'ai d'abord arrêté les études après un Baccalauréat Technologique. De petits boulots en petits boulots, j'ai rapidement compris que ce contexte ne me suffirait pas. J'ai donc repris mes études à 21 ans pour une licence en e-commerce.

🏋️ Ces études m'ont permis d'exercer pendant 6 ans en tant que SEO. Cette expérience m'a appris le fonctionnement du monde professionnel, le travail en équipe ainsi que le poids des responsabilités mais également la gestion d'un back office et d'un référencement naturel.

🍀 En tant que SEO, travailler en étroite collaboration avec des développeurs m'a donné envie de me plonger dans ce monde très technique. Je me suis donc offert une formation bootcamp de 6 mois pour acquérir les bases de la programmation web et de l'écriture de code. Suite à cela, j'ai poursuivi mon apprentissage en alternance avec une Licence Intégrateur/Développeur d'Applications Web et mobile avec spécialité React et NodeJs.

🍾 Depuis, j'ai intégré pas mal d'entreprises pour des intégrations complètes, des coups de mains pour livrer un projet à temps, apporter des modifications, ajouter des fonctionnalités...

👷 Aujourd'hui, fort de mon parcours, je maîtrise les rouages de la méthode Agile, les principes du Clean Code, et les pipelines CI/CD, assurant ainsi la scalabilité et la maintenabilité optimales de chaque application web que je développe. Mon expérience variée, du SEO à la programmation, me permet d'apporter une perspective unique à chaque projet.

🧘‍♂️ Développeur Web depuis 2020, j'apprécie particulièrement travailler avec Nuxt & NextJs dans un environnement Agile, en suivant les principes du clean code et en intégrant des pipelines CI/CD. J'adore transformer des maquettes de tout style en sites web dynamiques et interactifs pour améliorer l'expérience utilisateur.

Mes expériences
Expériences

my experiences.

2025 (en cours)

Ingénieur logiciel - Frontend at Encore Mieux

En tant que développeur frontend chez Encore Mieux, je conçois et développe une application innovante permettant aux clients d’hôtels de s’enregistrer automatiquement, d’accéder à l’établissement et à leur chambre directement depuis leur smartphone. L’application vise à offrir une expérience fluide et sans contact, tout en optimisant la gestion des accès et la satisfaction client grâce à une interface moderne et intuitive

Technologies:

  • TypeScript
  • Next.js
  • React
  • TailwindCSS
  • JEST
  • Docker
  • React Native
  • AGILE

2024 - 2025

Ingénieur logiciel - Frontend at Winter Energies

En tant que développeur frontend chez Winter Energies, je conçois des interfaces utilisateur modernes et performantes avec Next.js, TailwindCSS et TypeScript, contribuant à une consommation énergétique durable en fournissant des solutions évolutives et fiables.

Technologies:

  • TypeScript
  • Next.js
  • React
  • TailwindCSS
  • JEST
  • Docker
  • api-platform
  • Symfony
  • AGILE

2022 - 2024

Ingénieur logiciel at La Boîte Immo

Développement de plusieurs applications web pour la gestion de biens immobiliers pour aider les agents immobiliers indépendants.

Technologies:

  • JavaScript
  • TypeScript
  • Next.js
  • React
  • NodeJS
  • Express
  • REST API
  • TailwindCSS
  • Firebase
  • MongoDB
  • SQL

2022 (en cours)

Développeur freelance at Free-lance

Mise en place de solutions sur mesure aux clients, en veillant à ce que leurs besoins uniques soient satisfaits avec une expertise de développement de haute qualité.

Technologies:

  • Wordpress
  • JavaScript
  • TypeScript
  • React
  • REST API
  • Bootstrap

2022

Développeur Front-End at GetUp Agency

Créer des interfaces utilisateur attractives et conviviales pour les clients, les aidant à atteindre leurs objectifs de présence en ligne.

Technologies:

  • HTML
  • CSS
  • JavaScript
  • REST API
  • NodeJS

2021

Développeur Front-end & Back-end at Vitassurance

Un site web de courtage en assurance qui vous permet de comparer rapidement les offres de différents assureurs. Une fois que le visiteur remplit le formulaire, ses informations sont envoyées via une API à un CRM pour gérer le dossier du nouveau client.

Technologies:

  • SEO
  • Prestashop

2014 - 2020

Analyste Web (6 ans) at poupepoupi.com

Fournir des insights et des optimisations pour maximiser les performances du site web et stimuler la croissance de l'entreprise grâce à des stratégies basées sur les données.

Mes formations
Projets

my projects.

Mio Tutore - Application d'apprentissage des langues par IA

Une application interactive d'apprentissage des langues alimentée par l'IA, offrant des conversations vocales et écrites personnalisées adaptées à votre niveau. Les fonctionnalités incluent un mode vocal avec des conversations IA immersives, un mode écrit avec corrections en temps réel, des quiz CECRL personnalisés, le support de 10+ langues, le suivi des progrès avec mémoire contextuelle, et un modèle d'abonnement freemium via Stripe. L'application permet d'apprendre l'italien, l'anglais, le français, l'espagnol, l'allemand, le portugais, le russe, le japonais, le coréen et le chinois avec une progression adaptative de A1 à C2.

  • Next.js
  • React
  • TypeScript
  • MongoDB
  • Gemini AI
  • NextAuth.js
  • Stripe
  • TailwindCSS
  • Framer Motion

App IA de recommandations de films et séries

Application React Native cross-platform permettant de recevoir des recommandations personnalisées de films ou séries via un prompt IA (Gemini). L'utilisateur peut préciser le type de contenu, le nombre de suggestions, des filtres (note, date, plateforme) et des détails comme un acteur ou une époque. L'IA génère un message amical et présente les recommandations sous forme de cartes enrichies avec les données de l'API TMDB.

  • React Native
  • TailwindCSS
  • Framer motion
  • Gemini
  • TMDB API

Générateur de CV

Réalisé avec Nuxt et Puppeteer, ce projet me permet de me générer un CV en PDF. Le code source est disponible sur GitHub.

  • Nuxt
  • TailwindCSS
  • Puppeteer
  • projects.items[2].technologies[3]
  • projects.items[2].technologies[4]
  • projects.items[2].technologies[5]
  • projects.items[2].technologies[6]
  • projects.items[2].technologies[7]
  • projects.items[2].technologies[8]

Walletoo - L'assistant de gestion de finances personnelles

Walletoo est un assistant de gestion de finances personnelles. Il permet de gérer ses finances en toute simplicité. Il suffit de se connecter et d'entrer ses revenus et ses charges mensuelles. Walletoo se charge de calculer le reste à vivre et de vous proposer des solutions d'épargne, des graphiques etc.

  • React
  • Next.js

Générateur de séance de musculation [mobile-friendly only]

ma-sante.fr est un générateur de séance de musculation 💪. Cette web app se charge de générer des séances avec des exercices toujours différents afin d'optimiser les résultats. Accompagné d'un GIF animé, les exercices sont faciles à reproduire.

  • React
  • TailwindCSS
  • projects.items[4].technologies[2]

Piano

De l'enregistrement du son des clés jusqu'au design, ce projet m'a appris à gérer les évènements et les performances ! En plus, on peut y passer des heures sans avoir besoin d'en acheter un 🤓

  • JavaScript
  • CSS
  • HTML

Web Calculator

Projet réalisé dans le but d'approfondir mes connaissances JavaScript Vanilla. Vous pouvez choisir entre des calculs de base ou des calculs avancés. Apprentissage du light/night mode.

  • JavaScript
  • CSS
  • HTML

Markdown Previewer

Markdown réalisé dans le but d'une formation React. Déployé sur GitHub Pages.

  • React
  • TailwindCSS
  • Vite
Contactez-moi
Educations

my education.

2020 - 2021

(BAC+3) Licence Intégrateur/Développeur Web et mobile at 3WAcademy

Technologies:

  • React
  • NodeJS
  • MySQL

2020

Développeur Web - Diplôme de niveau 5 RNCP at OpenClassrooms

Technologies:

  • HTML
  • CSS
  • JavaScript
  • MySQL
  • Vue

2016 - 2017

(BAC+3) Licence E-commerce & Marketing Numérique at University of Toulon

Technologies:

  • Team Management
  • Marketing
  • Digital Marketing
  • SEO
  • E-commerce

2014 - 2016

(BAC+2) BTS Management des Unités Commerciales at Défi83 - Toulon

Technologies:

  • Team Management
  • Marketing
  • Digital Marketing

2010 - 2012

Baccalauréat Science & Technologies de Gestion at Jean Aicard - Hyères

Technologies:

  • Accounting
Mes projets
Contact

Travaillons ensemble !

Contactez-moi si vous souhaitez travailler ensemble !

Contactez-moi

Construit avec Nuxt et TailwindCSS avec ❤️

© 2025