Personal Portfolio Website

A modern, responsive portfolio website showcasing my projects, skills, and professional information.

Technologies Used

• HTML5
• SCSS/CSS3
• JavaScript
• Font Awesome Icons
• Vercel (Hosting)

Project Structure

portfolio/
├── index.html          # Main page
├── scss/               # SCSS source files
│   ├── style.scss      # Main SCSS file (imports all partials)
│   ├── _base.scss
│   ├── _header.scss
│   ├── _mixins.scss
│   ├── _nav.scss
│   ├── _about.scss
│   ├── _projects.scss
│   ├── _modal.scss
│   ├── _footer.scss
│   ├── _fonts.scss
│   └── _mouse-effect.scss
├── css/                # Compiled CSS files
│   ├── style.css       # Compiled main stylesheet
│   └── style.css.map   # Source map for debugging
├── js/                 # JavaScript modules
│   ├── nav.js
│   ├── typing-animation.js
│   ├── three-background.js
│   └── mouse-effect.js
├── json/               # Translation files
│   ├── en.json
│   └── fr.json
├── static/             # Static assets
│   ├── images/
│   │   ├── vl.png      # Favicon
│   │   └── *.webp      # Optimized project images
│   └── fonts/          # Custom fonts
├── script.js           # Main script (translations, modals)
├── footer.css          # Additional footer styles
├── sitemap.xml         # SEO sitemap
├── robots.txt          # Search engine crawler rules
├── package.json        # Dependencies
└── convert_to_webp.py  # Image optimization script

Getting Started

1. Clone the repository:

git clone https://github.com/Valentin-Lemaire/portfolio.git

2. Open index.html in your browser or use a local server.

Or go to the website.

Contact

• Email: valentin.lemaire@edu.ece.fr
• LinkedIn: Valentin Lemaire
• GitHub: Valentin Lemaire