Proficiency95%

Skill Deep Dive

HTML5

Semantic markup, accessibility, and structured content for the modern web.

Proficiency95%

About this skill

Every project starts with clean HTML — semantic structure, forms, and accessible patterns that support SEO and usability.

From static Bootstrap pages to React apps, solid markup is the base layer I never skip.

CategoryLanguage

Proficiency95%

Projects10

FocusSemantics & a11y

What I use it for

Semantic elements and document structure
Forms, validation, and accessibility basics
SEO-friendly markup patterns
Progressive enhancement mindset

Projects with HTML5

A selection of shipped work where HTML5 was part of the core stack — from freelance builds to production apps.

Live

Next.jsReduxTailwind

Tepo Shopping

E-commerce storefront built with Next.js, Redux, and Tailwind — product catalog, cart flow, and responsive shopping experience.

View Project Live Demo

Live

ReactTypeScriptReact Query

B Chef

Recipe and cooking web app with React, TypeScript, React Query, Redux, and Tailwind for a polished food-focused UI.

View Project Live Demo

Live

Next.jsTailwindHTML5

SnapCart

Frictionless WhatsApp-first shopping — browse products, skip the cart forms, and order instantly with a Next.js storefront.

View Project Live Demo

Live

ReactBootstrapMUI

Online Shopping

React e-commerce UI with Formik validation, MUI components, and Bootstrap layouts for a complete shopping interface.

View Project Live Demo

Live

ReactBootstrapMUI

Cinema Mix

Movie discovery app with React, Formik forms, and MUI — browse films, ratings, and cinematic content.

View Project Live Demo

Live

ReactReact QueryRedux

Lightning Weather

Real-time weather dashboard with React Query, Redux, Bootstrap charts, and live API data visualization.

View Project Live Demo

Live

ReactBootstrapMUI

News In Hands

News reader app with React, Bootstrap, and MUI — article browsing and responsive content layouts.

View Project Live Demo

Live

JavaScriptBootstrapHTML5

Games For Fun

Games marketplace landing built with JavaScript and Bootstrap — showcase and browse game titles.

View Project Live Demo

Live

JavaScriptBootstrapHTML5

Angora

Brand landing page with Bootstrap and JavaScript — clean marketing layout and responsive design.

View Project Live Demo

Live

ReactTypeScriptHTML5

Accessibility Deck

Interactive slide platform explaining web accessibility — WCAG, keyboard navigation, and inclusive design.

View Project Live Demo

Back to all skills