</>
Othmane Soukrati
Pure HTML, CSS & Vanilla JS Developer

Crafting Fast, Responsive & Interactive Web Apps

Specialized in semantic HTML5 markup, responsive CSS3 layouts (Flexbox & Grid), pixel-perfect CSS animations, and clean Vanilla JavaScript ES6+ DOM logic without unnecessary framework bloat.

js >
View Projects
class="fa-brands fa-codepen">
vanilla-script.js
const webDeveloper = {
coreStack: ['HTML5', 'CSS3', 'JavaScript ES6+'],
designSkills: ['Flexbox', 'CSS Grid', 'Keyframe Animations'],
jsMastery: ['DOM API', 'Async / Fetch API', 'Event Delegation'],
frameworkDependence: false,
performanceScore: 100,
renderPage() {
const app = document.querySelector('#app');
app.innerHTML = `<h1>Lightweight & Lightning Fast⚡</h1>`;
}
};
// Pure Vanilla JS executing...
webDeveloper.renderPage();
Zero External Dependencies ES6 Module
100%
Semantic HTML & A11y
Responsive
Flexbox & Grid Mastery
Vanilla JS
Native DOM & Async API
100/100
Lighthouse Speed

Core Tech Stack

HTML, CSS & JavaScript Fundamentals

Mastery over the core web engine technologies that power modern Web Browsers.

HTML5 Mastery

Structure & Markup
  • Semantic Markup Tags
  • Accessibility (ARIA & A11y)
  • SEO Best Practices & Meta Tags
  • Web Forms & Native Validation
Proficiency 98%

CSS3 & Layouts

Styling & Motion
  • CSS Grid & Flexbox Layouts
  • Media Queries & Mobile-First
  • CSS Keyframes & Transitions
  • CSS Variables (Custom Properties)
Proficiency 95%

JavaScript ES6+

Interactive DOM & Logic
  • Native DOM Manipulation
  • Async/Await & Fetch REST APIs
  • Event Delegation & Propagation
  • LocalStorage & Web Storage APIs
Proficiency 92%
HTML5 CSS3 Grid & Flexbox Vanilla JavaScript DOM Manipulation Fetch API & JSON Git & GitHub Chrome DevTools

Portfolio Showcase

Pure Web Projects

A showcase of interactive web apps built strictly with pure HTML, CSS, and vanilla JavaScript.

Vanilla JS Kanban Board
2026

Mr-Brunch

Restaurant website — Salé Modern restaurant website with menu section, Google Maps integration, responsive design and interactive menu cards.

HTML5 CSS Flexbox JS ES6
Real-time Weather Dashboard
API Implementation 2026

Mr Kool

Restaurant website — Salé Clean and modern restaurant presentation website with menu, location, contact information and mobile-friendly layout.

Fetch API Async/Await CSS Animations
Glassmorphism UI Kit
CSS3 UI Component 2025

The-Kitch

Restaurant website — Salé restaurant website with menu highlights, customer reviews section, interactive dish cards, and responsive design.

CSS Variables Keyframe Animations HTML5

Developer Roadmap

Experience & Milestones

Continuous evolution in writing clean, efficient, and accessible web software.

2024 - Present

Frontend Web Specialist

Independent Web Consultancy

Developing light-weight, accessible, and responsive client websites with zero heavy framework overhead, resulting in 99+ Lighthouse performance scores.

2022 - 2024

Junior Web Developer

Digital Design Agency

Constructed pixel-perfect HTML/CSS templates from Figma wireframes, implemented responsive CSS Grid systems, and wrote JavaScript UI logic.

Get In Touch

Need a web developer who knows pure web tech?

I am available for freelance projects, full-time positions, or web performance consulting. Send me a message!

Get In Touch

Need a web developer who knows pure web tech?

I am available for freelance projects, full-time positions, or web performance consulting. Send me a message!

Notification