Technologies

JavaScript / TypeScript

JavaScript

Dynamic and versatile web programming language

TypeScript

JavaScript with a static type system for safer and more productive development

React

Library for building user interfaces

Next.js

Full-stack React framework with SSR, SSG and automatic optimizations

Node.js

Server-side JavaScript runtime for creating performant backend applications

Express.js

Minimalist and flexible web framework for Node.js

Redux / RTK

Predictable state manager for complex JavaScript applications

Chakra UI

Modular and accessible React component library

PHP

PHP

Server-side programming language for creating dynamic web applications

Symfony

High-performance PHP framework for robust web applications and APIs

API Platform

Framework to build REST and GraphQL APIs with Symfony

Fondamentaux

HTML

Fundamental markup language for structuring web content

CSS

Styling language for formatting HTML documents

Sass/SCSS

CSS preprocessor with variables, mixins and advanced functions

Sass/SCSS

Powerful CSS preprocessor for organizing and maintaining complex stylesheets

My Sass Practice

Sass significantly enriches CSS with its variables, mixins, and functions that allow efficient organization of complex stylesheets. The modular architecture with partial imports facilitates maintenance and code reusability on large-scale projects.

In my traditional React projects, Sass structures styling with a component-centered approach, perfectly complementing modular architecture. For Next.js projects, Sass integrates natively and automatically compiles to optimized CSS.

While modern solutions like Chakra UI reduce the need for custom CSS, Sass remains valuable for specific needs, complex animations, or integration with existing design systems requiring a traditional approach.

Learn more

Official Sass Documentation

Sass Guidelines

Sass Architecture