Florian LEFEBVRE

F
l
o
r
i
a
n
L
E
F
E
B
V
R
E
Web developer since 2019
Profile picture

I am a French student who likes to program on his free time since 2018, when I discovered programming with Unreal Engine 4. In December 2019, I started web development and since then, I can't stop: Tailwind CSS, Vue.js, Laravel... I have already done several projects but I still have a lot to learn. Feel free to check my Github page and contact me!

T
e
c
h
s
.
.
.

HTML5
CSS3
JavaScript
TypeScript
Vue.js
Nuxt.js
Tailwind CSS
GraphQL
Strapi
Node.js
Flutter
Dart
Supabase

...tools...

Figma
VS Code
Git
Vercel
Postman

...and what's next

Docker
Jest

P
r
o
j
e
c
t
s

OHF31 website
I finally finished v3 of the 1st site I made! That's a basic showcase site but I think it looks really great. And it runs on Nuxt 3 🎉
Js
Nuxt 3
SSR
Tailwind CSS
Typescript
Vercel
Vue 3
VueUse
RégioLangues
RégioLangues is a website I made for my brother. I was only involved in the coding, not the data. Its goal: gather resources around the web on the topic of French regional languages. It uses Supabase for the backend.
Js
Nuxt
SSR
Supabase
Tailwind CSS
Typescript
Vercel
Vue
Supabase
Supabase is an awesome open source project. I already contributed several times to the public website.
Js
Open Source
React
Supabase
Tailwind CSS
yNotes app
yNotes is a mobile application that retrieves data from the student life services used by most French schools. It reshapes and adds many features. I'm involved in the development and the design of the app.
Dart
Figma
Flutter
UI/UX design
yNotes website
At yNotes, we needed a support center and a more consistent website, so I remade everything. This allowed me to discover animation with AnimXYZ and learn how to make a more modern design.
AnimXYZ
Github Pages
Js
Nuxt
Tailwind CSS
Vue
ynotes-packages
I'm making Flutter libraries for the yNotes app to make its development easier: theming, components and more.
Dart
Flutter
flutter_responsive_breakpoints
I love Tailwind CSS and how easy it is to achieve great responsive designs quickly. I made this package to make my life easier with Flutter using the Tailwind CSS breakpoints.
Dart
Flutter
Pub package
Special characters
Writing special characters such as ¿ is often (if not always) a headache, especially with foreign languages. This website aims to make it easier. I'm not done with this project yet, which is on hold for the moment.
GraphQL
Nuxt
Strapi
Tailwind CSS
Typescript
Vercel
Vue
My portfolio
Not much to say except that I am quite satisfied with the result.
AnimXYZ
Github Pages
Js
Nuxt
Tailwind CSS
Vue
shortcuts-app
I needed an application that would have shortcuts the same way Opera does, in the sidebar. So I coded it using Electron.js. It was really fun to do.
Electron
Tailwind CSS
Vue
Vertical timeline component
The CSS grid timeline component of my journey through this portfolio can also be found on tailwindcomponents.com.
Tailwind CSS
Instagram chat clone with Tailwind CSS
I did this for a school project. The repository includes examples such as gifs and audio messages.
CSS grid
Tailwind CSS
Barcode generator
The name speaks for itself. I made this very small site for a friend of mine from high school.
Bootstrap
Github Pages
Js
Glutton Runner
The first (and only) game I coded using UE4 was Glutton Runner, an endless game. Unfortunately, this engine was not adapted to my needs, so I paused the project. (It is unplayable)
Mobile
Unreal Engine 4

E
d
u
c
a
t
i
o
n

2015 - 2019
Secondary school Sainte Geneviève at Saint Jory
Diplomas & curriculum
Spanish option
Diplôme National du Brevet mention Très Bien (G.C.S.E equivalent with honourable mention)
Certificate PSC1 (First aid certificate)
Activities
For 2 years, help with the management of the school's IT (installation, configuration, and updating of computers and peripherals under Windows 10)
Creation of a computer club
Internship of observation in the last year ("année de 3ème") in the architectural firm SYN ARCHITECTURES
2019 - Today
High school Le Ferradou at Blagnac
Diplomas & curriculum
European English section
High school diploma speciality teaching: mathematics, physics-chemistry and NCS (Numerical and Computer Science)
Activities
First year ("année de 2nde") observation internship in the IT company Atos, at Mundi Web Services

J
o
u
r
n
e
y

I discover Unreal Engine 4

Such an amazing discovery: the world of coding...

January 2018

I publish Glutton Runner on the Play Store

May 2019

I build my first website

My orchestra's website was pretty ugly, so I decided to rewrite it from scratch by taking the Traversy media HTML5 crash course. I did it in a month, and it was a great introduction to HTML and CSS.

December 2019

I learn PHP and jQuery

After the public site of my orchestra, I wanted to make a private area with user authentication, dashboard, storage...I learned procedural PHP and jQuery, but it was really very tedious. I gave up while waiting to learn more adapted technologies.

January - May 2020

I discover Bootstrap

Until now, I did everything by myself. Then I had the courage to get into Bootstrap, and I loved it.

June 2020

I build my portfolio using Jekyll

August - September 2020

Exploring Laravel and GraphQL

After the summer vacations, I spent some time looking for the next technologies to learn. I came to the conclusion that Laravel and GraphQL were what I wanted, but after taking care of the frontend.

September 2020

I learn Vue, Nuxt and Tailwind CSS

Now that I knew what to learn for the backend, I had to figure out what technologies to use for the frontend. I chose Nuxt, based on Vue, as well as Tailwind CSS. These technologies are amazing.

October 2020

I join the yNotes project

October 2020

I rework my portfolio using Nuxt and Tailwind CSS

November 2020

I release shortcuts-app 0.3.0

December 2020 - January 2021

I rework the yNotes website using Nuxt, Tailwind CSS and AnimXYZ

January 2021

I rework my portfolio once again

February 2021

I start Flutter development

Until now, I only helped for the design at yNotes. So I took the time to learn Dart and Flutter, and I find them really great to use.

June 2021

I become the yNotes' maintainer

September 2021

I released the v3 of the OHF31 website

I just released the new version of my orchestra's website, powered by Nuxt 3 🎉, Tailwind CSS, VueUse and Vercel. This website is the first one I made almost 2 years ago and I have to say it has evolved a lot. I started with simple HTML and CSS files, then I used PHP (just for the includes!) and Bootstrap.

November 2021

M
u
s
i
c

I like to play music. I have been playing drums for 11 years, percussion for 3 years and bass guitar for 2 years in several orchestras and bands: l'Orchestre d'Harmonie du Frontonnais, the symphonic orchestra of the intermunicipal music school of Fronton and le groupe rock.