My personal portfolio website showcasing my projects, skills, and experience as a beginner software engineer and university student.
meniarallouchi.github.io/portfolio
- HTML5 - structure and content
- CSS3 - styling, animations, and responsive design
- JavaScript ES6+ - interactivity and Canvas API
- Typed.js - typewriter animation
- EmailJS - contact form email delivery
- ASCII canvas animation built with the Canvas API, converts an image into animated ASCII characters with mouse interaction
- Scroll-triggered animations using IntersectionObserver
- Interactive experience tabs with animated indicator
- Animated skill progress bars and circular SVG progress rings
- Certificate carousel with auto-swipe and dot navigation
- Contact form with EmailJS integration and toast notifications
- Fully responsive layout for mobile and desktop
No build tools or dependencies required. Just open index.html in your browser or serve it with any static file server.
- Clone the repo
git clone https://github.com/meniarallouchi/portfolio
- Open
index.htmlin your browser
| Role | Hex |
|---|---|
| Main background | #1a1124 |
| Deep background (carousel) | #120d1e |
| Primary text | #d0c3e0 |
| Secondary text | #9b8dac |
| Muted text / labels | #746685 |
| Borders / dividers | #5d506d |
| Accent (cyan) | #0ef |
| Project cards | #211530 |
| Card hover | #2d1f45 |
| Skill track background | #2d2040 |
| Input fields | #2a1d3e |
| Input focus | #331f50 |
| Error toast | #ff5e7d |
| Back to top hover | #00c8d4 |