Yana Pridannikova

Frontend-Entwickler

Mit Sitz in Novi Sad

Projekte ansehenKontakt

01 / Über mich

Schön, dich kennenzulernen!

Ich bin Frontend-Entwickler mit über 2 Jahren Erfahrung und baue schnelle, barrierefreie und SEO-optimierte Weboberflächen mit Next.js, React, TypeScript und Tailwind CSS.

Erfahrung
2+ Jahre
Englisch
C1 Advanced · CAE-Zertifikat
Muttersprache
Russisch
Ausbildung
B.Sc. Informationssysteme und -technologien Moskauer Polytechnische Universität · Sep. 2021—Jul. 2025

02 / Erfahrung

Berufserfahrung

Thunder Digital

März 2024 — heute

  1. 01

    Umzug von Produktiv-Websites von Next.js zu Astro: schnellere Ladezeiten und bessere Core Web Vitals

  2. 02

    Umstellung von REST-APIs auf GraphQL, damit Seiten nur die Daten laden, die sie brauchen

  3. 03

    Umzug alter WordPress-Websites zu Strapi: Inhalte sind jetzt vom Frontend getrennt

  4. 04

    SEO-freundliche Frontend-Architektur, die den organischen Traffic gesteigert hat

  5. 05

    Pflege einer gemeinsamen Codebasis für über 60 Websites in zwei Netzwerken: Features, Content-Blöcke, i18n, Redaktionstools

  6. 06

    Im Zwei-Personen-Team betreue ich Features vom Start bis zum Release

03 / Werte

So arbeite ich

  • Ursachen finden

    Wenn etwas kaputtgeht, finde ich heraus, warum, und wähle die beste Lösung, nicht die erstbeste.

  • Grenzfälle zuerst

    Bei einer neuen Aufgabe überlege ich zuerst, was schiefgehen kann.

  • Vage Aufgaben

    Auch bei sehr abstrakten Anfragen finde ich heraus, was wirklich gebraucht wird.

  • Der ganze Datenfluss

    Ich habe an jedem Schritt gearbeitet: von Datenmodellen in Strapi, PostgreSQL, Supabase, WordPress, Cloudflare D1 und SQLite mit Prisma bis zur Anzeige im Client.

  • Schnell eingearbeitet

    Neue Tools und Frameworks lerne ich schnell. In zwei Jahren habe ich viele gewechselt.

  • Gespür für Design

    Ich habe Design gelernt und sehe, was ordentlich und was überladen wirkt. Ich schaue mir andere Produkte genau an und übernehme gute Details in meine Arbeit.

  • Next.js
  • React
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • Redux
  • Zustand
  • Strapi
  • WordPress
  • Supabase
  • Figma
  • Git

04 / Eigene Projekte

Eigene Projekte

[01]

Carrot Eaters: Kalorien- und Makro-Tracker

Eine Web-App zur Ernährungserfassung, die über einen MCP-Server mit Claude zusammenarbeitet: Mahlzeiten werden direkt im KI-Chat erfasst (auch per Foto), und die Website zeigt den Fortschritt. Das Dashboard bietet eine Tagesübersicht über Kalorien, Eiweiß, Fett und Kohlenhydrate im Vergleich zum Ziel, einen Verlauf nach Tagen, gespeicherte Rezepte mit Umrechnung auf beliebig viele Portionen und eine automatisch erstellte Einkaufsliste. Außerdem: Onboarding mit Berechnung der Zielwerte, Registrierung und Passwort-Wiederherstellung, ein OAuth-Zustimmungsbildschirm zum Verbinden von Claude, eine zweisprachige Oberfläche (RU/EN) und PWA.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Supabase
  • Cloudflare
  • i18n
  • PWA
  • AI
  • MCP
Projekt ansehenQuellcode
[02]

musicIs: ein soziales Netzwerk für Musik

Meine Abschlussarbeit an der Universität: ein Musik-Streamingdienst und soziales Netzwerk. Nutzer hören Tracks, legen eine Bibliothek und Playlists an, folgen einander, veröffentlichen Beiträge und schreiben sich Direktnachrichten, und Empfehlungen helfen, Menschen mit ähnlichem Musikgeschmack zu finden. Jede und jeder kann Künstler werden und eigene Tracks und Alben hochladen; ein Admin-Panel übernimmt die Moderation und die Verwaltung von Künstlern, Alben und Genres.

  • Next.js
  • TypeScript
  • Supabase
  • PostgreSQL
  • Zustand
  • Tailwind CSS
Projekt ansehenQuellcode
[03]

Swagger Editor: OpenAPI-Editor und REST-Client

Ein Teamprojekt für den React-Kurs der RS School: Wir haben es zu dritt entwickelt, ich war Teamleiterin. Ein Editor und Viewer für Swagger/OpenAPI-Spezifikationen mit integriertem REST-Client: Spezifikationen in JSON oder YAML schreiben, mit automatischer Formaterkennung, Validierung und Konvertierung, Endpunkte mit Parametern und Schemas durchsuchen und Anfragen direkt aus dem Browser über den Server senden, inklusive cURL-Generierung. Dazu kommen Registrierung und Anmeldung, ein Anfrageverlauf mit Performance-Metriken, eine zweisprachige Oberfläche und eine responsive geteilte Ansicht.

  • Next.js
  • TypeScript
  • Supabase
  • next-intl
  • Monaco Editor
  • React Hook Form
  • Zod
  • Tailwind CSS
  • Vitest
Projekt ansehenQuellcode

Du hast ein Jobangebot oder ein Projekt? Schreib mir.

py0710@yandex.ru