This portfolio

The current portfolio you are looking for!

Project lifespan

Timeline

The beginning

1 November 2025

Wanted to remake my portfolio but with better technos, connection to a db in order to allow me to manage projects, and make a more coherent style (cf. "Previous portfolio" project to understand)

The beginning

Useful links


Previous portfolio

Trying to take inspiration

3 November 2025

First step: I have tried to find inspiration throught the web and I found many. An exemple could be Hen³ portfolio. I wanted to keep also a bit of the energy of my previous portfolio and let's start the project!

Trying to take inspiration
Trying to take inspiration

Useful links


Hen³ portfolio

Learn a new technology : react router

5 November 2025

As i made for my first portfolio, I decided to take advantage of this opportunity to learn a new technology. This is how I choose remix V2 (= react router v7) to make my new project. I found it while looking for new technologies on the web and what catched me is the modern lookbook and perfectly corresponding use case.

Learn a new technology : react router
Learn a new technology : react router

I started to develop using react router v7 (remix v2) which is a SSR framework of React. Now there is remix v3.

Useful links


RemixReact router

Coherency

10 November 2025

One important mistake that I wanted to avoid is the pages coherency. In my previous portfolio, discovering React offered me too many possibilities and therefore my pages were missing of coherency in the animations, etc.

Content creator

Since I started coding my portfolio, I have thought things through meticulously and gradually added content, Easter eggs, animations, and so on.

(Everything could be a button)

The database

15 November 2025

To explore a maximum of solutions possibilities, I decided to choose a database service that I never used before. Indeed, I choose Supabase to store my projects datas, etc. But this choice wasn't really relevant because Supabase's free offer allows to get a postgreSQL that automatically shutdown without a connection of the owner every 2 weeks.

The database

Not the best practical choice!

Useful links


Supabase

Mail API

15 November 2025

I decided to use again the same API that I used in my first portfolio : Web3Forms. It is a free API for receiving email but it wasn't working well :'( Because it wasn't me priority, I juste made a fallback to prepare an email to my address

Mail API

Useful links


Web3Forms

Hosting my portfolio

17 November 2025

Now you got the method : if (already_found_the_best_solution) { reuse_it() } else { search_a_new_solution() } So previously hosting my portfolio on github pages and found vercel solution that is currently the best solution I have found. It is directly linking to a github repository and allow to set a CI/CD workflow, get analytics and speed metrics for free!

Hosting my portfolio

Curently nothing better then Vercel ?!

Useful links


Vercel

Buy my domain name

18 November 2025

To buy my first domain name, I used Hostinger because it got really competitive prices. Then easily rely on Vercel to, with a simple manipulation, link those twice and that's it!

Buy my domain name

cmourgue.fr

Useful links


Hostinger

Finally

30 July 2026

Since the production-ready state is in the previous step, I made a pause in the development of my portfolio. Nevertheless, fed up with having to log in to Supabase every two weeks and the inability to receive emails, I decided to replace my services : Supabase -> Firebase : Firebase got for free the possibility to use a 1GB noSQL database that is really performant. Also the NoSQL document format is more adapted to my project. So I found that it was the best choice and I have already used it in other porjects (after the previous step of this one). Web3Forms -> Resend : Resend is a free api that allow, linking with a domain name, to send and receive about 5,000 emails per month so obviously enough for my portfolio contact form!

Finally
Finally

Useful links


ResendFirebase

About mobile first approach

I have choosen a mobile first approach in order to respect good pratices. It makes the interface lighter and responsive. This approach has been helped by the usage of Talwind CSS which is based on this logic!

cmourgue.fr
Project image

Useful links


Tailwind CSS

A solid tech stack

I use a stack that allow me to host and fill my new portfolio with ease

Current Situation

Computer science ingeneer in apprenticeship at OLASI. Preparing a 3 month internship out of France, to gain international experience and broaden my horizons.

Combining practical experience with continuous learning
Last Project
Remix Portfolio - Building this portfolio with Remix, React, and Tailwind CSS to showcase skills and projects
A personal project to demonstrate modern web development techniques and best practices
Current Apprenticeship
Learning intranet/extranet development at Olano with hands-on projects and real-world applications while learning from experienced professionals at CESI
Gaining practical experience while mastering new technologies
Latest Studies
B.U.T Informatique - Acquiring a strong foundation in computer science and software development principles
Focused on continuous learning and skill development
Focus Areas
Web development, software engineering, and continuous learning to stay updated with the latest technologies and best practices in the industry
Next Goals
Complete apprenticeship, contribute to open-source, and deploy production-ready applications