Back to projects

Personal project

Personal Portfolio

A portfolio built with Next.js and TypeScript to present my background, skills, and projects.

Context

I adapted the Spotlight template from Tailwind Plus to create a website that presents my background and work. I wanted to organize the content in both languages and customize the navigation, components, and interactions to make the website pleasant to explore.

My role

I customized the interface with React, TypeScript, and Tailwind CSS, implemented French and English routes and content, and developed the project carousel and experience panel interactions. I also prepared the Docker Compose deployment and its automation with GitHub Actions. I used ChatGPT as a development assistant to help with implementation, interface adjustments, and verification.

Features

  • French and English navigation and content
  • Responsive interface for mobile and desktop
  • Light and dark themes with saved preferences
  • Project carousel with controls and touch navigation
  • Interactive experience panels and keyboard navigation
  • Project pages and localized metadata
  • Docker Compose deployment automated with GitHub Actions

Technologies

  • Next.js
  • TypeScript
  • Tailwind CSS
  • React
  • Docker
  • GitHub Actions