Yoanna Rodionova

Full stack developer and UX/UI designer with over 4 years of professional experience building scalable, accessible, user-centred digital products. Comfortable across the full stack — from React and Next.js on the frontend to Node.js, Express and MongoDB/PostgreSQL on the backend — with a strong design sensibility and experience in UX workflows with Figma. Background in projects with international clients (Salesforce ecosystem), design-to-development handoff coordination, and building full-stack applications end to end.

Professional experience

Front-end Developer

Machinas Digital Development

  • Development and maintenance of responsive landing pages for international clients, ensuring deployment and integration within the Salesforce ecosystem.
  • Ongoing feature updates and refactoring while maintaining code consistency and long-term maintainability.
  • Close collaboration with the design team to translate UX/UI specifications into optimised, production-ready frontend components.

Front-end Developer

CBT

  • Design and implementation of the frontend architecture for a web application connecting dental professionals with patients.
  • Development of responsive, accessible interfaces focused on usability and alignment with project requirements.
  • Integration of frontend components with backend services within a cross-functional team.

Projects

Rabotnik — Member Management Tool

React · Vite · Tailwind CSS · GSAP · Node.js · Express · MongoDB · JWT

gestiondesocios.onrender.com

Full-stack application built for the Basque Country Street Arts Association to manage their member database. Handles contact and tax data, annual fee status, assembly attendance and documentation. JWT and bcrypt authentication. REST API with Node.js/Express; MongoDB + Mongoose for data modelling. Micro-animation with GSAP on the login screen. Deployed on Render.

Bike Networks App

Next.js 15 · TypeScript · Tailwind CSS · Mapbox GL · shadcn/ui

bike-networks-app.vercel.app

Interactive web application for exploring shared bike networks worldwide. Features a persistent Mapbox map with flyTo animations, paginated network listings, sortable station tables and geolocation. Built with strict server/client component separation for optimal performance. Consumes the public CityBikes API.

Periódico Laboral — Digital Newspaper

Figma · UX/UI Design · Project coordination

Full UX/UI design of a digital newspaper, from research and information architecture to high-fidelity prototypes in Figma. Coordination of communication between client and development team throughout the project, acting as a bridge between design decisions and their technical implementation.

Website for a Psychology Professional

Astro · Tailwind CSS

ireneovelar.com

Full design and development of a website for a clinical psychologist. Built with Astro for static generation and optimal performance, laid out with Tailwind CSS. End-to-end delivery: UX, design and implementation.

Product landing page

WordPress · Elementor

pepinilloscabales.es

Brand website for an artisan gourmet pickle producer. Built with WordPress and Elementor, with a distinctive editorial aesthetic including product pages, production process storytelling and a custom FAQ section.

Food Sovereignty Map — Bizkaia

Next.js · Tailwind CSS · Mapbox · Node.js · MongoDB

Interactive map locating food sovereignty projects and initiatives across Spain. Consumes a custom MongoDB database, visualised through Mapbox with geographic filtering.

Education

Full Stack Web Development, UX & UI

CEI — Centro de Estudios de Innovación, Diseño y Márketing

Intensive full-time bootcamp: full stack development, UX research, prototyping and modern UI design. Stack: JavaScript/TypeScript, React, Next.js, Node.js, Express, MongoDB, PostgreSQL, WordPress. Agile/Scrum methodologies and collaborative workflows.

Full Stack Development Bootcamp

BBK Bootcamp

Development of SPAs with JavaScript and React; full stack projects with the MERN stack.

Degree in Journalism

Universidad Complutense de Madrid

Strong foundation in communication, research and writing, applied directly to developing user-centred digital products.

Technical stack

Front-end
HTML · CSS / Sass · Tailwind · Bootstrap · JavaScript · TypeScript · React · Next.js · Astro · GSAP
Back-end
Node.js · Express · MongoDB · Mongoose · PostgreSQL · REST APIs · JWT
Design
Figma · UX Research · UI Design · Prototyping · Design Systems · Accessibility
Tools
Git · Agile / Scrum · WordPress · Elementor · Mapbox

Languages

Spanish
Native
Bulgarian
Native
English
Advanced (C1)