Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/camille-maslin/portfolio
🎯 Personal Portfolio: A modern, responsive showcase of my projects and skills as a Computer Science student and AI enthusiast. Built with pure HTML, CSS, and JavaScript, featuring dynamic theming, multilingual support (FR/EN), and interactive visualizations.
https://github.com/camille-maslin/portfolio
css dark-mode html javascript porfolio responsive-design web-design web-development
Last synced: 19 days ago
JSON representation
🎯 Personal Portfolio: A modern, responsive showcase of my projects and skills as a Computer Science student and AI enthusiast. Built with pure HTML, CSS, and JavaScript, featuring dynamic theming, multilingual support (FR/EN), and interactive visualizations.
- Host: GitHub
- URL: https://github.com/camille-maslin/portfolio
- Owner: Camille-Maslin
- License: other
- Created: 2024-11-24T23:43:33.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-01-02T15:27:16.000Z (28 days ago)
- Last Synced: 2025-01-02T16:38:13.849Z (28 days ago)
- Topics: css, dark-mode, html, javascript, porfolio, responsive-design, web-design, web-development
- Language: HTML
- Homepage:
- Size: 10.4 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
```bash
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](./LICENSE) file.