Skip to content

README.md

Latest commit

 

History

History
67 lines (53 loc) · 2.06 KB

README.md

File metadata and controls

67 lines (53 loc) · 2.06 KB

Portfolio Website

A modern, responsive portfolio website showcasing my skills, projects and experience as a Computer Science student specializing in AI & Data Science.

🌟 Features

  • Bilingual Support: Full English and French localization
  • Theme Switching: Dynamic light/dark theme support
  • Responsive Design: Mobile-first approach ensuring compatibility across all devices
  • Modern UI/UX: Clean and professional interface with smooth animations
  • Accessibility: WCAG compliant with semantic HTML and ARIA attributes
  • Performance Optimized: Fast loading times with optimized assets

🛠 Technologies Used

Frontend

  • HTML5
  • CSS3/SCSS
  • JavaScript (ES6+)
  • FontAwesome Icons

Development Tools

  • Modular SCSS Architecture
  • CSS Custom Properties for theming
  • Responsive Grid System
  • Mobile-First Design Approach

📂 Project Structure

portfolio/
├── src/
│ ├── assets/ # Images and static assets
│ ├── locales/ # Translation files (en.json, fr.json)
│ ├── scripts/
│ │ └── modules/ # JavaScript modules
│ ├── styles/
│ │ ├── base/ # Base styles and variables
│ │ ├── components/ # Component-specific styles
│ │ └── themes/ # Theme configurations
└─└── index.html # Main HTML file

🚀 Key Features

Internationalization

  • Dynamic language switching between English and French
  • Persistent language preference storage
  • Automatic language detection based on browser settings

Theme System

  • Light/Dark mode support
  • System preference detection
  • Smooth theme transitions
  • Persistent theme preference storage

Responsive Components

  • Mobile-friendly navigation
  • Responsive project grid
  • Adaptive skill bars
  • Flexible contact section

📜 License

This project is licensed under the CC BY-NC-ND 4.0 License. You are free to view and fork this project, but no modifications, redistributions, or commercial use are allowed without explicit permission.

For more details, please refer to the full license in the LICENSE file.