Je suis

Fabien Chareun

Développeur Web Front-end

À propos

Présentation

me at le wagon

Développeur web spécialisé dans le Front-end, issu de la formation Le Wagon à Lyon et du parcours JavaScript React d'OpenclassRooms.

30+Outils
utilisés

35+Projet
terminés

13+Languages de programation utilisés

Ouvrir mon CV Ouvrir mon GitHub

Projet récent

Mes 2 dernières contributions sur GitHub

Portfolio

Liste de tout mes projets

BuzzFeed Clone
Clone des celebres quiz du site BuzzFeed, reproduit avec React, TypeScript, NodeJS et axios.
Repo
Framer Motion animations
Plusieurs type d'animations, reproduit avec React, du CSS et Framer Motion.
Site Repo
Custom loader
Des "loader" custom avec different type/style en fonction de la data qu'on doit charger, reproduit avec React et React content loader.
Site Repo
Mounting animation
Des animations au montage et demontage des components, reproduit avec React et React Spring.
Site Repo
Crappo Crypto
Maquette dribbble d'une app de minage de cryptomonnaie, 100% responsive, reproduit avec NextJs, Typescript, Scss et React Icons.
Site Repo Figma
Data processing app
Maquette dribbble d'une app de traitement des données, reproduit avec NextJs, Scss.
Site Repo Figma
Woodies
Maquette dribbble de magasin de meubles en ligne, reproduit avec NextJs, Scss.
Site Repo Figma
"Fakestagram" - Insta Clone
Reproduction du celebre site Instagram fait avec NextJs, Next Auth, Recoil, Tailwind, Firebase et OAuth.
Site Repo
Medium Clone
Reproduction du celebre site Medium fait avec NextJs, Tailwind, TypeScript et Sanity.
Site Repo
Admin Panel
Panneau d'administration avec plusieurs theme réalisé avec React, Material Ui Icons - Table - Data-grid, Recharts, Scss, React Router V6, React Circular Progressbar.
Site Repo
Site E-commerce
Faux site de e-commerce fait avec NextJs en frontend, Sanity pour le backend, Stripe, canvas-confetti.
Site Repo
Travel Blog
Blog de voyage fait de A a Z avec NextJs en frontend, Sanity pour le backend, mapboxGL, Groq, NProgress.
Site Repo
Space Tourism
Challenge Frontend Mentor 100% responsive réalisé a l'aide de React, React Router v6, framer-motion, React Transition Group, sass.
Site Repo
Mini jeux JavaScript
Mini jeux comme Wordle, 2048, Puissance 4, pierre feuille ciseaux, etc... Avec le minimun de style fait avec du vanilla JavaScript.
Site Repo
Gerich restaurant responsive
Reproduction d'une maquette Figma d'un restaurant 100% responsive, réalisé avec React.
Site Repo Figma
Modern UI/UX GPT-3 Website
Site static reprenant les design modernes des sites web GPT-3, réalisé avec React.
Site Repo Figma
Bella - Creative Website
Site inspiré par Stock Dutch Design, un site qui a gagner un Awwwards. Réalisé a l'aide de GSAP, ScrollTrigger, BarbaJs, Smooth Scrolling...
Site Repo
Analytics app
Landing page d'une application d'analytique 100% responsive codé avec React et Scss.
Site Repo Figma
Responsive food delivery app
Landing page of a food delivery app React.
Site Repo Figma
Travel Advisor
Permet de trouver des hôtels et restaurants autour de vous ou sur la ville sélectionné. Ce que j'ai utilisé: React, Google maps API, Travel Advisor et Weather API, MaterialUI.
Site Repo
UAE Realty
Faux site immobilier avec de la vraie data, un système de recherche et des filtres fonctionnel, ce que j'ai utilisées : NextJs, ChakraUi, millify, axios, NProgress, BayutAPI.
Site Repo
Pen reveal
Animation d'un stylet qui se décompose au scroll (inspiré par l'ancienne page de Fiftythree). Fait a l'aide de JavaScript, ScrollTrigger, GSAP.
Site Repo
Barba Galery
Galerie de photos modernes réalisé avec BarbaJs, GSAP and JavaScript.
Site Repo
Furniture agency
Landing page avec des transitions moderne, réalisé dans le cadre d'un exercise pour Petr Tichy, hôte des 'Website Reviews' par Awwwards. Fait a l'aide de JavaScript, GSAP.
Site Repo
Chin-up
Mon projet en équipe pour Le Wagon Lyon: Destiné aux introvertis / timides pour leur permettre de rencontrer de nouvelles personnes. Réalisé avec Ruby on Rails, JavaScript et Scss.
Site Repo Youtube
Jeu du Snake 🐍
Le celebre jeu du Snake reproduit pendant un de mes cours de JavaScript, en utilisant uniquement du vanilla JavaScript. Cliquez sur le lien pour l'essayer :) .
Site Repo
Meme generator
Générateur de meme aléatoire fait avec Meme API et React.
Site Repo
BarbaJs page transitions
Plusieurs transitions de page réalisé a l'aide de BarbaJs, Scss et JavaScript.
Site Repo
Suinnyside agency
Frontend mentor challenges réalisé avec Vue, Scss.
Site Repo Figma
Find your Coach
Projet réalisé pendant un exercise de VueJS.
Site Repo
JavaScript components
Page avec plusieurs components realisés en vanilla JavaScript.
Site Repo
Grab a star
Clone d'Airbnb où vous pouvez louer une "star du dev" ou de cinéma, fait en équipe pour Le Wagon Lyon. Codé en Ruby on Rails.
Site

Compétences

Mes compétences techniques et parcours professionnel

HTML

CSS / SCSS

JavaScript

VueJs

ReactJs

NextJs

Ruby

RoR

DB / SQL

Figma

Heroku

Git / GitHub

Hotjar

Firebase

Netlify

Jest

MongoDB

Shopify

2023

Alternance intégrateur Shopify

Axome Saint Etienne - Ecole: OpencClassrooms

2022

TypeScript

Jack Herrington

2022

React intermédiaire

OpenClassrooms

2022

React basics

Bob Ziroll - Scrimba

2022

Practical GreenSock

Petr Tichy - ihatetomatoes.net

2021

VueJs 2 & 3

Maximilian Schwarzmüller & Enzo Ustariz - Udemy

2021

Bien comprendre JavaScript ES6 / ES7

John Taieb - Udemy

2021

JavaScript basics

Chris Sev - Better Dev

2021

Certification concepteur-développeur d’applications web

Le Wagon - Lyon

Me contacter

Fabien Chareun

Téléphone

+33 6 21 71 16 70

Email

fabienchareun@gmail.com

Localisation

Saint Etienne 42000