Transforming designs into accessible, performant web experiences with modern frontend technologies
Currently: Web Studio Intern | Specializing in React ecosystem & modern CSS
Focus: React, Next.js, TypeScript, Responsive Design, Legacy Code Modernization
Location: Gland, Switzerland 🇨🇭
Available for frontend opportunities starting Q3 2026
|
Core Technologies:
State Management:
Build Tools:
|
CSS Expertise:
Advanced CSS Techniques:
Design Implementation:
|
|
CMS Experience:
Legacy Code Work:
Database:
|
Testing:
Performance:
Deployment:
|
→ Tailwind CSS (Advanced utility-first styling) → React Query (Server state management) → Node.js Basics (Backend fundamentals) → TypeScript (Advanced patterns) → Design Systems (Component library architecture)
Professional memory game showcasing modern React architecture, internationalization, and production deployment
Built with: React 19 • React Router • Webpack 5 • i18next (EN/FR/RU)
|
User Experience:
|
Technical Highlights:
|
View Full Documentation & Technical Details →
Production-ready landing page demonstrating advanced CSS techniques, complex Swiper.js implementations, and pixel-perfect responsive design
Built with: Vite 7 • Vanilla JS ES6+ • Sass (SCSS) • Swiper.js 12 • BackstopJS
|
Advanced Features:
|
Technical Excellence:
|
View Full Documentation & Technical Details →
Production-grade landing page showcasing architectural patterns, performance optimization, and vanilla JavaScript expertise
Built with: Vite 7 • Vanilla JS ES6+ • Sass (SCSS) • Swiper.js 12 • BEM
|
Architecture Patterns:
|
⚡ Performance Focus:
|
View Full Documentation & Technical Details →
📋 Additional Projects & Work in Progress
Responsive coffee shop website built in 7 days, demonstrating rapid execution and pixel-perfect design implementation
Built with: Gulp 4 • Vanilla JS • SCSS (BEM) • NoUISlider
Key Features:
- ⏱️ 7-day execution — Fast turnaround from design to deployment
- 🎯 Pixel-perfect ±2px — Exact Figma mockup implementation
- 📱 Mobile-first — 320px → 768px → 1440px responsive
- 🎨 Custom form controls — Checkboxes, radio buttons, range slider
What it demonstrates:
- Speed of execution under tight deadlines
- Pixel-perfect design translation skills
- Gulp workflow
- BEM methodology at scale
Next.js • TypeScript • Tailwind CSS • Headless CMS
Status: 🟡 In Development (Launch: April 2026)
Features:
- Server-side rendering + static generation for optimal SEO
- Integrated blog powered by Headless CMS (Contentful)
- Advanced animations with Framer Motion
- Dark mode toggle with theme persistence
- Comprehensive accessibility (WCAG AA)
Technical Focus: Next.js mastery, modern styling patterns, CMS integration
UGC Creator Portfolio Platform
Next.js • Airtable API • Stripe • Tailwind
Freelance client project with booking system and payment integration
Calorie Tracker App
React • TypeScript • Chart.js
Learning project focusing on TypeScript patterns and data visualization
|
|
Education & Training:
- CodeAcademy Front-End Engineer Path (In Progress) — React, Redux, Testing, Deployment
- HTML Academy (Completed) — Advanced React Development & Modern JavaScript
- Web Studio Internship (Starting October 2025) — Production experience with real client projects
- Freelance Projects — Building portfolios, SMB websites, e-commerce solutions
Professional Development Roadmap (2025-2026):
- Master advanced React patterns and architectural approaches
- Complete 5+ production-ready client projects (portfolios, e-commerce, trackers)
- Develop strong design system implementation skills
- Gain hands-on team experience through web studio internship
- Goal: Secure frontend developer position by mid-2026
Current Focus (2026):
- Advanced React architecture and design patterns
- Modern styling with Tailwind CSS and CSS animations
- Full-stack fundamentals (algorithms, data structures, web security)
- Design for developers (UI/UX principles, Figma workflows)
- Legacy code modernization strategies
Perfect fit for roles involving:
- Frontend Development — React/Next.js applications
- CMS Customization — WordPress, Joomla theme/plugin development
- Legacy Modernization — Migrating jQuery → React, PHP integration
- Startup Environments — Versatile developer comfortable wearing multiple hats
- Agency Work — Diverse projects requiring adaptability
My ideal role:
- Frontend-focused with React/Next.js as primary stack
- Opportunities to work on design implementation
- Team environment with mentorship and growth potential
- Projects emphasizing accessibility and performance
- Mix of greenfield development and legacy code improvement
I'm actively seeking opportunities to:
- Collaborate on frontend projects and open-source contributions
- Learn from experienced developers through mentorship
- Build production-ready applications solving real business problems
- Network with the developer community
- Contribute to team projects in professional environments
💜 Thanks for visiting my profile!
Let's build something amazing together