Разработчик программного обеспечения и Full Stack. Вечный ученик, увлеченный деталями. Специализируюсь на создании и решении проблем. ⚡

📍 Málaga, España
Málaga

Andalucía

Малага

Навыки

Это технологии, которые я использую чаще всего, хотя я работал со многими другими.

Опыт работы

  1. Разработчик программного обеспечения в Experto Digital®

    Проектирование и создание полных веб-решений с использованием экосистемы WordPress (Elementor Pro, WooCommerce) для бизнеса и электронной коммерции. Фокус на архитектуре контента, привлекательных интерфейсах, технических улучшениях скорости и SEO-позиционировании.

  2. Разработчик программного обеспечения и Front-End в Dimap®

    Разработка и поддержка основной платформы DIMAP, а также проектов для клиентов, таких как GM и академия CEJ. Внедрение современных и оптимизированных интерфейсов с акцентом на пользовательский опыт, производительность и масштабируемость, используя современные технологии фронтенд-разработки.

  3. Разработчик программного обеспечения в Gubb Marketing®

    Разработка программного обеспечения и веб-приложений.

  4. Разработка Agrooe-Cashback для Agrooe® и Gubb Marketing®

    Разработка с нуля веб-приложения, ориентированного на администрирование системы кэшбэка для компании Agrooe®. Разработка базы данных, бэкенда и фронтенда веб-приложения.

Проекты

Веб-сайт компании GM Microcementos

Веб-сайт компании GM Microcementos

Полная разработка корпоративной веб-платформы для GM Microcementos, компании, специализирующейся на применении микроцемента. Профессиональный сайт с 15 оптимизированными страницами, ориентированными на производительность, SEO и исключительное удобство для пользователей. Включает в себя калькулятор бюджета, галерею проектов с возможностью фильтрации, расширенные формы и минималистичную систему дизайна. Модульная архитектура с 100+ многократно используемыми компонентами и оптимизированная для Core Web Vitals.

Сайт Академии CEJ

Сайт Академии CEJ

Веб-платформа для Academia CEJ, академии, специализирующейся на экзаменах на государственную службу в Малаге. Полностью отзывчивый сайт с блогом, виртуальным кампусом, тестом знаний, системой регистрации и управления курсами. Разработан с использованием Next.js 14, React 18, Tailwind CSS, Framer Motion и Docker.

Веб-сайт DIMAP

Веб-сайт DIMAP

Разработка корпоративного сайта Dimap - современного приложения на базе Next.js 15, React 19, Redux Toolkit и TailwindCSS, ориентированного на обеспечение оптимальной производительности и плавности работы. Проект включает в себя страницы услуг, блог, корпоративные разделы и формы отслеживания лидов. Все они построены на модульной архитектуре и оптимизированы для загрузки с помощью SSG, Lazy Loading и ClientLoader.

DevCrate

DevCrate

DevCrate - это платформа для поиска ресурсов для разработки (инструментов, библиотек, активов, документации и проблем). Разве вам никогда не требовался ресурс для вашего проекта или просто вдохновение, а вы в итоге просматривали бесчисленное множество страниц? Именно поэтому я создал эту платформу: чтобы упорядочить и не потерять все ресурсы, которые я обнаружил за годы работы, и иметь возможность быстро находить их, не полагаясь на разрозненные закладки. Она включает в себя расширенный поиск, фильтры по тегам и административную область для управления всем содержимым. Кроме того, здесь можно оставлять предложения от сообщества, чтобы продолжать собирать полезные инструменты. Он построен на Next.js, React, TypeScript и MongoDB, имеет безопасную аутентификацию и современный интерфейс на основе shadcn/ui.

Cmd+kit

Cmd+kit

Cmd+kit - это многократно используемая система палитры команд для веб-продуктов, призванная обеспечить быстрый поиск, навигацию по клавиатуре и выполнение действий с помощью последовательного и доступного интерфейса. Она разработана для легкой интеграции в различные стеки с официальными адаптерами для React, Vue, Preact и Astro, сохраняя при этом единую базу поведения и визуальной кастомизации. В комплект входит полная документация и интерактивная игровая площадка для настройки тем, структуры команд и экспорта готового к использованию кода. Может быть установлен с помощью npm, pnpm, yarn или bun в зависимости от особенностей каждого проекта.

Contract-kit - генератор контрактов для API

Contract-kit - генератор контрактов для API

Zod SVG Icon

CLI-инструментарий + библиотека, опубликованная в npm, которая позволяет определять контракты API в одном типизированном JSON-файле и автоматически генерировать общие типы TypeScript, клиент Angular, проверку во время выполнения с помощью Zod и контроллеры для NestJS. Устраняет рассинхронизацию между фронтендом и бэкендом, позволяет избежать дублирования кода и обнаружить нежелательные изменения с помощью снимков контрактов. Включает генерацию макетов для тестирования и модульную архитектуру, основанную на множестве многократно используемых пакетов.

Сертификаты

Сертификат Full Stack веб-разработчика

Сертификат Full Stack веб-разработчика

Обучение Full Stack веб-разработке, включая создание интерфейсов с HTML, CSS и React, backend разработку с Node.js, MongoDB, управление базами данных и развертывание с инструментами DevOps среди многих других технологий.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

В этом курсе я изучил самые последние возможности JavaScript (ES2023 и ES2024), включая новые методы для массивов, объектов и множеств, а также улучшения в обработке промисов и логических операторов. Я также получил методы оптимизации и повышения читаемости кода, применяя последние возможности языка в современных проектах.

Продвинутые темы Model Context Protocol (MCP)

Продвинутые темы Model Context Protocol (MCP)

Продвинутый курс по Model Context Protocol (MCP), сфокусированный на практических паттернах реализации клиент-серверного взаимодействия, транспортных механизмах и продакшн-развёртывании. Рассматриваются sampling для интеграции с ИИ-моделями, уведомления о прогрессе и логировании, доступ к файлам на основе roots, архитектура JSON-сообщений, транспорты stdio и StreamableHTTP (SSE), ограничения HTTP и критерии выбора транспорта в зависимости от требований к масштабированию и функциональности.

Введение в Agent Skills

Введение в Agent Skills

Курс по созданию и использованию Skills в Claude Code, чтобы не повторять инструкции и поддерживать согласованные рабочие процессы. Включает создание SKILL.md, настройку allowed-tools, совместное использование в команде, интеграцию с subagents и разбор проблем с триггерами, приоритетами и выполнением.

Claude Code in Action

Claude Code in Action

В этом курсе я углубил использование Claude Code для реальных задач разработки ПО, разобрал архитектуру AI-ассистентов программирования и то, как они взаимодействуют с кодовой базой через интегрированные инструменты. Я научился эффективно управлять контекстом, комбинировать несколько инструментов для сложных workflow, создавать переиспользуемые автоматизации и расширять возможности через MCP-серверы. Также я отработал интеграцию с GitHub для code review и командной работы, применяя режимы планирования и рассуждения в зависимости от сложности технической задачи.

Building with the Claude API

Building with the Claude API

Практический курс для разработчиков по интеграции Claude в приложения через API Anthropic. Включает аутентификацию и настройку запросов, многошаговые диалоги, системные промпты, структурированные ответы, использование инструментов, RAG-архитектуры (чанкинг, эмбеддинги и контекстный ретривал), мультимодальные возможности (текст, изображения и PDF), prompt caching, интеграцию с MCP и workflows в Claude Code.

Узнай обо мне побольше

Привет! Я — Fran Full Stack | Разработчик программного обеспечения

У меня есть опыт работы с широким спектром веб-технологий. Тем не менее, моя специализация и основная сфера деятельности — это фронтенд-разработка.

С самого раннего возраста я интересовался компьютерами и мобильными устройствами, изучая их устройство как на программном, так и на аппаратном уровне. За эти годы я многому научился, самостоятельно разбираясь в технике и решая проблемы, и этот опыт только укрепил мою любознательность и технические навыки.