Lucile Lefebvre profile picture

Lucile Lefebvre

Web Developer

Marseille, France

My LinkedIn profile My Github profile

Explore My

Skillset

Front-End Development

Experience icon

Languages and Tools

HTML, DOM, CSS/SCSS, Javascript, ES6, Typescript

Experience icon

Frameworks and Libraries

ReactJS, React Native, Stimulus

Experience icon

HTTP requests, API calls

Fetch, Axios, TanStack Query

Experience icon

Routing

React Router DOM, Expo Router

Experience icon

UI and Styling

Bootstrap, Chakra UI, Tailwind CSS, Font Awesome, React Icons, Emotion, Framer Motion, React Native Elements, Stylesheets, PostCSS, Autoprefixer, Sass

Back-end Development

Experience icon

Ruby, Ruby on Rails

Experience icon

Node.js

Experience icon

Next.js

Experience icon

Tooling and DevOps:

Docker, Webpack, Vite

Experience icon

Notions in PHP, Java, C

Experience icon

Authentication and Authorization

Devise, Pundit

Experience icon

HTML Parsing

Nokogiri

Experience icon

Geocoding

Geocoder

Experience icon

Image Management:

Cloudinary

Mobile Development

Experience icon

Frameworks:

React Native, Expo

Experience icon

Routing:

Expo Router, React Router DOM

Experience icon

UI Libraries:

React Native Elements, Stylesheets

Experience icon

State Management:

React Context API, React Query

Databases

Experience icon

PostgreSQL

Experience icon

MySQL

Experience icon

SQLite

Experience icon

Supabase

Version Control

Experience icon

Git & GitHub

Arrow icon

Browse My Recent

Projects

Diginustrale
rails

Diginustrale

Email: admin@email.com

Password: admin123

A platform designed for farmers to manage their livestock, production, and generate the necessary documents for the AOP certification process.A platform designed for farmers to manage their livestock, production, and generate the necessary documents for the AOP (Protected Designation of Origin) certification process.

Design adapted for outdoors tablet use.

Language: Ruby, JavaScript

Framework: Rails 7

Database: PostgreSQL

UI: Bootstrap, Font Awesome, Tagify, Sass

Bundler: Webpack, Authentication: Devise

lyriks
react

Lyriks

Spotify clone

API: Shazam

Language: JavaScript

Framework: React

State Management: Redux Toolkit, React Redux

Routing: React Router DOM

UI: Tailwind, React Icons, Swiper

Data fetching: Axios

Build Tool: Vite

rent-a-dev
rails

Rent-a-dev

Email: admin@email.com

Password: admin123

Airbnb clone. Team project as part of Le Wagon bootcamp (forked repository for redeployment).

Language: Ruby, JavaScript

Framework: Rails 7

Database: PostgreSQL

UI: Bootstrap 5, StimulusJS, Turbo, Sass

Build Tool: Webpack 5, Authentication: Devise, Authorization: Pundit, HTML Parser: Nokogiri, HTTP Client: Axios, Geocoding: Geocoder, Image Management: Cloudinary

Gamehub
react

Gamehub

Front-end for video games library, using axios for handling promise-based HTTP requests to rawg.io API.

Language: TypeScript

Framework: React, Vite

UI: Chakra UI, Emotion, Framer Motion

Data fetching: Axios

library
react

Table de marque

Score-keeping app designed for improv team 'La Lichette', integrating their visual identity. User-friendly interface to track scores and manage game data for performers, and engaging visuals and audience members.

Language: TypeScript

Framework: React

Build tool: Vite

UI: React Icons

Data storage: Browser Storage

Responsive design : visual desgins for medium/large screens for projecting VS simplified version for mobile (score-keeping purposes only)

library
react

Le yoga de Lila

Front-End solution to showcase a yoga teacher's services

Language: TypeScript

Framework: React

Routing: React Router DOM

Build tool: Vite

UI: React Icons

Responsive design

Food delivery

Language: Typescript

Framework: React Native, Expo

Routing: Expo Router (file-based)

UI: React Native Elements, Stylesheets

State management: React Context API, React Query

Data fetching: Tanstack Query

Data storage: AsyncStorage, Expo Secure Store, Supabase

Payments: Stripe React Native

Project image
Project image

Puppyplate

Language: Typescript

Framework: React Native, Expo

Routing: Expo Router (file-based)

UI: Stylesheets

State management: React Context API, React Query

Data fetching: Tanstack query

Data storage: AsyncStorage, Expo Secure Store, Supabase

Arrow icon

Get To Know More

About Me

After having worked for 4 years in the field of international relations, I embarked on a career transition to leverage my analytical skills and passion for problem-solving towards coding and developing wep applications.

As a first taste of computer science, I independently undertook Harvard's online CS50 course, which gave me a solid understanding of fundamental concepts like algorithms, data structures and databases.

Having confirmed my interest for this domain, I went on completed and graduated from the web development program program at Le Wagon, where I learned to develop applications from scratch.

With a strong foundation in OOP and programming logic, I continuously enhance my skills to leverage the latest tools and techniques in web development.

I recently completed the Google UX Design Professional Certificate to learn how to create websites and applications that are not only functional but also intuitive, enjoyable to use, and aesthetically pleasing.

Experience icon

Concepteur développeur d'application web

RNCP35653 (Niveau 6)

Création d'application de la conception à la production

Ruby, OOP, DB & SQL, HTML/CSS, Javascript ES6, Ruby on Rails

Experience icon

Google UX Design Professional Certificate

Principes fondamentaux du design centré sur l'utilisateur: recherche utilisateur, wireframing, tests utilisateur, mockups, prototypage, tests d'utilisabilité, design responsive, accessibilité, architecture de l’information.

Arrow icon

Get in Touch

Contact Me