Logo of the project
Realization
Ongoing
Portfolio perso (Laravel)
Portfolio
Personal portfolio created on Laravel.

Description

Not being totally convinced by my previous website made with Astro, I decided to design a new one, this time with Laravel. Unlike my previous attempts, I took the time to analyze the best options available to me. I especially didn't want to fall back into endless development like during my first attempt with Laravel, through the SL-Projects Web Platform.

I first considered using Laravel Nova to spare myself the back office development. However, with the license price being relatively high, and not being certain it would be a sustainable foundation for my project, I quickly ruled out this solution.

Thanks to a site I created for a friend, I was able to experiment with Vue.js integrated with Laravel. The release of Laravel 12, accompanied by the new starter kits and Inertia 2, finally convinced me.

So I started developing this new site from the Vue.js starter kit. The back office is designed with Shadcn Vue, which allowed me to benefit from a modern and modular UI. This project concentrates all of my expertise and brings together all the features I had previously developed in other Laravel projects. Moreover, each new feature is systematically covered by automated tests.

To date, the project reaches a test coverage of 92%. 😊

Key Features

Image conversion

Images are systematically converted into different resolutions and formats such as AVIF, WEBP, and JPG.

Dynamic translations stored in the database

Every textual content that can be created from the dashboard is stored in the database and can be available in various languages.

Automation of translations by AI

Translations in languages other than French can be created using AI services such as OpenAI and Anthropic.

Usage of BunnyCDN and Bunny Stream

Images are automatically sent to the CDN, limiting bandwidth on the server. Videos are sent and transcoded on Bunny Stream.

Recording visits for statistical purposes

For statistical purposes, each visit to the site is recorded in a database. IP addresses and user agents are automatically analyzed to determine whether the visitor is a bot or a human user.

Technologies Used

Typescript
Programming language based on JavaScript that adds static typing.
VueJS
Front-end JavaScript framework.
Figma.logo Created using Figma
Figma
Mockup tool.
Logomark
Laravel
PHP framework for building web applications
PHP
PHP: Hypertext Preprocessor
Tailwind
CSS Framework.
Inertia.js
Inertia is a library that simplifies the creation of monolithic projects on Laravel with frontend frameworks like Vue.js and React.

Screenshots

Welcome mockup
Project page mockup
Home Page
Laravel projects section of the homepage
Experience section of the homepage
Projects Page
Project page
Project page
Screenshot presentation
Certifications and Pathway Page
Sofiane Lasri
Full-Stack Developer
2025 - Sofiane Lasri-Trienpont, developed on Laravel.