Портфолио и кейсы фрилансеров по веб-программированию

Создал сайт путешествий с крупной фотографией, выразительной типографикой и карточками маршрутов. Реализовал подбор по сложности и месяцу, сохранение избранного, подробности маршрута и расчёт стоимости группы. Сетки, формы и контент адаптированы для смартфонов. Стек: React, TypeScript, REST API, Axios, SCSS.

Разработал интерфейс образовательной платформы с яркой типографикой и цветовой системой направлений. Каталог получает данные через GraphQL. Есть фильтры, сохранённые курсы, отдельная страница программы и отметки прохождения модулей. Личный прогресс сохраняется между посещениями. Стек: React Router, GraphQL, Axios, TypeScript, CSS Grid. Интерфейс адаптирован для компьютера и смартфона.

Создал сайт студии красоты: услуги, стоимость и форма планирования визита. Пользователь выбирает услугу, дату и время; Formik проверяет имя и телефон. План сохраняется в браузере и доступен после перезагрузки. Отдельно проработал мобильную композицию и доступные диалоги. Стек: React, TypeScript, Formik, REST API, SCSS. На изображениях — компьютерная и мобильная версии.

Разработал настраиваемый парсер открытых товарных каталогов на Python. Парсер извлекает данные через CSS-селекторы и JSON-LD, переходит по страницам каталога, нормализует цены и наличие, удаляет дубли. Результат сохраняется в CSV и JSON, история изменений — в SQLite. Добавлены журнал запусков, тайм-ауты, повторные попытки и ограничение частоты запросов. Проверен сбор 40 карточек из открытого каталога Books to Scrape. Стек: Python, httpx, BeautifulSoup, SQLite, CSV/JSON. Кейс показывает автоматизацию сбора и подготовки данных для дальнейшей работы в таблицах.

Создал интерфейс планировщика задач для организации работы над проектом: канбан-доска, представление списком, карточки и статистика. Реализовано создание, редактирование, удаление и перенос задач между статусами, поиск, сроки и фильтр приоритета. Формы работают с Formik, изменения сохраняются в localStorage и доступны после перезагрузки страницы. Интерфейс адаптирован для компьютера и смартфона. Основные пользовательские сценарии проверены с React Testing Library. Стек: React, TypeScript, Formik, SCSS, localStorage, React Testing Library.

Разработал адаптивный сайт архитектурной и интерьерной студии FORMA. Крупная типографика, спокойная палитра, фотографии интерьеров и аккуратная сетка помогают представить проекты студии. Реализовал главную страницу, каталог проектов, страницу отдельного проекта и навигацию между разделами. Проработал отображение текстов, изображений и карточек на компьютере и смартфоне. Стек: React, TypeScript, HTML5, CSS, адаптивные сетки и компонентный интерфейс. В кейсе показаны полная главная страница, страница проекта и мобильные экраны.

Разработал адаптивный интерфейс магазина керамики с тёплой палитрой, выразительной типографикой и удобным каталогом. Реализовано: фильтрация товаров по категориям, подробности товара, корзина на Redux Toolkit, изменение количества и пересчёт суммы. Данные загружаются через REST API с Axios. Навигация и сетки адаптированы для смартфонов, планшетов и компьютеров. Стек: React, TypeScript, Redux Toolkit, Axios, SCSS, CSS Grid и Flexbox. На изображениях — компьютерная и мобильная версии. Кейс показывает работу с состоянием приложения, API и адаптивной вёрсткой.

Небольшой сайт для заказа прогулок на квадроциклах и не только.

YAMA.PRO — персональный сайт преподавателя Йоги, разработанный как презентационная web-платформа с элементами лендинга и дополнительными информационными разделами. Проект объединяет информацию о преподавателе, программах занятий, методике, направлениях практики и образовательных материалах. В проекте реализованы: — главная страница в формате презентационного лендинга; — разделы «Обо мне», программ и методики; — информация о групповых и индивидуальных занятиях; — прайс-лист и календарь; — ссылки на статьи и образовательные материалы; — переходы к онлайн-курсам; — контактные и информационные блоки; — адаптивная верстка; — интерактивная навигация; — управление и публикация контента через CMS. Проект используется как центральная персональная web-площадка преподавателя и точка входа в связанные образовательные материалы и курсы. Стек: JavaScript, HTML5, CSS3.

MOTOYAMA.YOGA — многораздельный web-портал Клуба Йоги и Аюрведы «МОТОЯМА». Проект объединяет информационную, образовательную и коммерческую части экосистемы клуба в едином интерфейсе. В проекте реализованы: — направления занятий по Йоге, боевым искусствам и интегральным дисциплинам; — система подачи заявок на занятия; — разделы преподавателей и центра; — архив статей и тематических материалов; — интеграция с интернет-магазином; — раздел онлайн-занятий, курсов, семинаров и тренингов; — навигация по связанным проектам экосистемы; — адаптивный интерфейс; — управление и публикация контента через CMS. Проект разработан как центральная web-платформа клуба с возможностью дальнейшего расширения образовательных, информационных и коммерческих направлений. Стек: React, Node.js, JavaScript, HTML5, CSS3.