Files

Louis e91f55b80d Updates dependencies and implements portfolio

Updates eslint and typescript-eslint dependencies.

Migrates to a new portfolio structure with components, styling, route management, and internationalization.

Adds project display with multiple project types using custom components.

Adds image assets to be displayed in experience sections

2025-10-29 00:13:50 +01:00

1.4 KiB

Raw Blame History

Portfolio

Personal portfolio website showcasing my projects and skills as a Full Stack Developer.

Tech Stack

React 18 with TypeScript
Vite for fast development and build
Tailwind CSS for styling
Motion for animations
React Router for navigation
i18next for internationalization (French/English)

Features

Responsive design with mobile-first approach
Dark/Light theme with system preference support
Animated page transitions and interactions
Multi-language support
Project showcase with detailed views
Skills and experience sections
Contact information

Development

Install dependencies:

npm install

Start development server:

npm run dev

Build for production:

npm run build

Preview production build:

npm run preview

Project Structure

src/
├── components/       # React components
├── i18n/            # Translation files (en/fr)
├── icons/           # SVG icon components
└── styles/          # Global styles and CSS

Internationalization

Translations are modularized by section in JSON files under src/i18n/en/ and src/i18n/fr/. Each section (nav, hero, about, experience, etc.) has its own file for easy maintenance.

Theme System

The site supports three theme modes:

Light mode
Dark mode
System preference (auto-detect)

Theme preference is persisted in localStorage.

1.4 KiB Raw Blame History