Фронтендер из Москвы Антон Жилин на JavaScript + HTML + CSS (vanilla, без фреймворков) вывел в прод два хита и доработал e-com. Адаптив, BEM, динамика — enterprise-level. Пока все на React’ах, Антон напоминает: native JS rocks. Техразбор ниже.

1. E-commerce Vam Voda: разработка + верстка https://vam-voda.com/ — платформа для воды и сопутствующих товаров. Роль: разработка и адаптивная верстка + JS-динамика (модалки, слайдеры, попапы). Техстек: JavaScript (ES6+), HTML5, CSS3 (Grid/Flexbox). Готово к продакшену!

2. Промо Waterdel: full-cycle в прод https://waterdel.store/ — лендинг водоочистителей. В проде! Роль: разработка с нуля до деплоя (архитектура BEM/JS). Техстек: JavaScript (ES6-модули), HTML5, CSS (BEM). Архитектура: BEM: scalable блоки (header__nav, hero__cta), CSS vars. Оптимизация: critical CSS, srcset/WebP, reduced-motion. Результат: LCP<1s, CLS<0.1. Конверсионный зверь!

3. Портфолио: React-релиз в прод https://antoshkindev.ru — в проде на React!

Техстек: “react”: “^18.2.0”, “react-dom”: “^18.2.0”, “react-scripts”: “5.0.1” “react-router-dom”: “^6.11.2” (роутинг) “framer-motion”: “^10.15.1” (анимации) “hamburger-react”: “^2.5.2” (мобильное меню) “i18next”: “^24.2.3”, “react-i18next”: “^15.4.1” (i18n RU/EN) “react-helmet-async”: “^2.0.5” (SEO meta) “swiper”: “^11.0.7” (слайдеры проектов) “react-type-animation”: “^3.2.0” (тип-анимация) “react-icons”: “^4.10.1” (иконки) Фичи: фильтры проектов, кейсы с Lighthouse/A-B метриками, GitHub/демо. Smooth навигация + motion-эффекты. Рекрутерский killer! Итог: Антон multi-tool: vanilla для промо/e-com + React для портфолио. BEM/JS + CRA = scalable код. Для MVP или prod — звоните. Action: тестите слайдеры/попапы. Комменты/шаринг!

#frontend #react #javascript #css #bem #адаптив #framer #swiper #i18next