personal-portfolio

English

That's my personal portfolio designed with Vue3 & Vite and Tailwind CSS. I wanted to create a personal portfolio with a clean and modern design to showcase my projects to potential employers/recruiters so they can better understand my skills and abilities in web development. So I chose to use the Vue.js Framework associated with the Vite bundler. I chose this technology stack because Vue.js ensures a fast and responsive application offering a smooth user experience, regarding Vite, it produces optimized and minified JavaScript code, and allows to have an increased productivity thanks to its HMR update.

I put a lot of effort into making it user-friendly, visually appealing and easy to navigate. I'm constantly updating the site with new projects and information to keep it current and reflective of my current capabilities. I hope you enjoy it!

Français

Ce site est mon portfolio personnel conçu avec Vue3 & Vite et Tailwind CSS. J'ai voulu créer un portfolio personnel avec un design propre et moderne pour présenter mes projets aux employeurs/recruteurs potentiels afin de leur permettre de mieux comprendre mes compétences et mes capacités en développement web. J'ai donc choisi d'utiliser le Framework Vue.js associé au bundler Vite. J'ai choisi ce stack technique, car Vue.js assure une application rapide et réactive offrant une expérience utilisateur fluide, concernant Vite, il produit du code JavaScript optimisé et minifié, et permet d'avoir une productivité accrue grâce à son HMR update.

J'ai déployé beaucoup d'efforts pour le rendre convivial, visuellement attrayant et facile à naviguer. Je mets constamment à jour le site avec de nouveaux projets et de nouvelles informations pour qu'il reste à jour et reflète mes capacités actuelles. J'espère qu'il vous plaira !

Terminal

My idea was to create a terminal like interface to display my skills and abilities in a unique and creative way. This would allow potential employers or recruiters to get a better understanding of my technical proficiency and attention to detail. The terminal interface also provides a user-friendly and interactive experience, allowing them to navigate and explore my portfolio with ease. I have hidden some Easter eggs, try to find them!

Game mode

Here is a screenshot of the terminal in snake game mode.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint