# devilyxrd

> Kaan (devilyxrd) is a Full-Stack Software Developer based in İstanbul, Türkiye. This bilingual portfolio — Turkish at https://devilyxrddev.com/ and English at https://devilyxrddev.com/en — collects web and mobile projects, product analysis, blockchain and IoT research, browser experiments and writing.

Project pages distinguish team contributions, ongoing product preparation and personal R&D. Each page records the scope, contribution and current outputs. Every page exists in both languages; the English URL is the Turkish one with an /en prefix.

## Pages (English)

- [Home](https://devilyxrddev.com/en): devilyxrd (Kaan), Full-Stack Software Developer in Istanbul. Web and mobile products, backend systems, blockchain and IoT projects.
- [Work](https://devilyxrddev.com/en/work): devilyxrd’s projects across web, mobile, product analysis, blockchain and IoT: team work at Unitic, personal R&D and portfolio.
- [About](https://devilyxrddev.com/en/about): devilyxrd (Kaan): full-stack web and mobile development, experience at Unitic, IOTROCOP and BilgeAdam, education and technical toolbox.
- [Playground](https://devilyxrddev.com/en/playground): Eight interactive experiments that run in the browser: generative field, kinetic type, geometry, shape morph, reactive grid and more.
- [Journal](https://devilyxrddev.com/en/journal): Writing by devilyxrd: field notes on interfaces and performance, SEO and GEO, design, product analysis, multilingual systems, hardware and blockchain.
- [Contact](https://devilyxrddev.com/en/contact): Get in touch with devilyxrd: email, GitHub, LinkedIn and Instagram. If there is an idea, there is something to talk about.
- [Sitemap](https://devilyxrddev.com/en/sitemap): Every page, project and article on devilyxrd in one list, each with its Turkish and English address and its share card.

## Projects (English)

- [Motice](https://devilyxrddev.com/en/work/motice): A SaaS platform for appointment-based service businesses, bringing together customer, calendar and operations management, to which I contribute as a developer. (Web / Platforms · Mobile, 2026, Team project · development)
- [Mentorual](https://devilyxrddev.com/en/work/mentorual): Product analysis, requirements and design preparation for a mentoring platform intended to connect mentors, members and institutions across web and mobile. (Product / Analysis, 2026, Analysis and design preparation)
- [YEE CMS](https://devilyxrddev.com/en/work/yee-cms): Multilingual, multisite content management for Yunus Emre Institute, with development across the website, administration interface and API. (Web / Platforms, 2026, Company project)
- [NoktaTR](https://devilyxrddev.com/en/work/noktatr): A Turkish and English digital publishing platform for the culture, art and literature magazine .tr, including a website, administration interface and API. (Web / Platforms, 2026, Company project)
- [Türk Sanatı Platformu](https://devilyxrddev.com/en/work/turk-sanati-platformu): An enterprise art platform bringing together artists, artworks, events and applications within a multitenant structure. (Web / Platforms, 2026, Company project)
- [OYS & TYS](https://devilyxrddev.com/en/work/oys-tys): Systems for student and course management and Turkish Proficiency Exam workflows, developed within a shared platform structure. (Web / Platforms, 2026, Active development)
- [BGB](https://devilyxrddev.com/en/work/bgb): End-to-end development across the mobile application, backend algorithms, management panel and website of a platform aimed at reducing gambling-related harm. (Web / Platforms · Mobile, 2026, Company project)
- [Devilyxrd Blockchain](https://devilyxrddev.com/en/work/devilyxrd-blockchain): My blockchain R&D project built with Go and TypeScript, exploring consensus, service architecture and multinode testing on physical devices. (Blockchain, 2026, Personal R&D)
- [GAIA / AgroBlock](https://devilyxrddev.com/en/work/gaia-agroblock): A smart agriculture R&D project combining sensors, cameras and edge devices with offline communication, AI and blockchain-based data integrity. (IoT / Hardware, 2024, R&D project)
- [devilyxrd / Portfolio](https://devilyxrddev.com/en/work/devilyxrd-portfolio): My bilingual personal portfolio bringing together projects, notes and interactive browser experiments. (Web / Platforms · Creative coding, 2026, Continuously developed personal site)
- [Kadir Yücebaş](https://devilyxrddev.com/en/work/kadir-yucebas): A custom system digitizing clinic applications and preliminary assessment with bilingual forms, an administration interface and notification workflows. (Web / Platforms, 2023, Independent project)
- [E-commerce Solutions](https://devilyxrddev.com/en/work/freelance-e-ticaret): Freelance e-commerce web work that I carried out individually, taking responsibility for analysis, design, software development and technical infrastructure. (Web / Platforms, 2021, Individual web development)
- [Congress Websites](https://devilyxrddev.com/en/work/freelance-kongre): Congress websites developed as a freelancer, with complete individual responsibility for analysis, design, implementation and technical infrastructure. (Web / Platforms, 2020, Individual web development)
- [Corporate Websites](https://devilyxrddev.com/en/work/freelance-tanitim): Corporate websites I developed for companies and agencies, individually handling analysis, design, software and technical infrastructure from start to finish. (Web / Platforms, 2019, Individual web development)
- [Digital Advertising Displays](https://devilyxrddev.com/en/work/iotrocop-kiosk): A Raspberry Pi 4 digital display system I developed for advertising in cafés and markets, manageable through a phone application. (IoT / Hardware · Mobile, 2024, IOTROCOP · individual development)
- [Building-Washing Drone](https://devilyxrddev.com/en/work/iotrocop-ros-drone): A building-washing drone I designed at IOTROCOP, individually implementing its ROS, Jetson Nano and fiber infrastructure from start to finish. (IoT / Hardware, 2025, IOTROCOP · individual development)
- [Vehicle Tracking and Navigation](https://devilyxrddev.com/en/work/iot-arac-takip): A real-time vehicle tracking system I developed on Raspberry Pi, bringing live GPS, interactive maps, navigation and telemetry into one interface. (IoT / Hardware, 2022, Individual IoT project)

## Articles (English)

- [The Turkish dotted İ, CSS and uppercase English terms](https://devilyxrddev.com/en/journal/turkish-dotted-i): On a Turkish page, text-transform: uppercase turns i into İ. Right for Turkish words, wrong for JavaScript or Firebase. On this site I solved it with the bilingual data itself rather than a hand-kept word list, and the same rule runs on the share cards too.
- [Making a Vue SPA visible to search engines and AI crawlers](https://devilyxrddev.com/en/journal/spa-visible-to-ai-crawlers): A single-page app shows an empty div to any crawler that does not run JavaScript. On this site every route becomes real HTML in two languages at build time; hreflang, JSON-LD, the sitemap, robots.txt and llms.txt come from the same content, and the build checks itself at the end.
- [A separate share card for every page and language, drawn with Satori](https://devilyxrddev.com/en/journal/og-cards-with-satori): Every page on this site has two 1200×630 share cards, one in Turkish and one in English, all drawn with Satori at build time. The hard part was not the layout but the fonts: ş, ğ and İ first came out as boxes. The fix was to drop font subsets and switch to full TTF files.
- [Syne's g: not a bug but the design, and I still replaced two letters](https://devilyxrddev.com/en/journal/syne-g-archivo-patch): The lowercase g and ğ of Syne, the site's display font, looked broken to us at large sizes. I checked the font file; it was not a bug but the design itself. The fix was a patch of a few KB that takes only these two letters from Archivo, plus the browser choosing fonts letter by letter.
- [Moving the loading screen jank to the compositor](https://devilyxrddev.com/en/journal/compositor-only-loading-screen): The DEVILYXRD boot screen stuttered in its first version. The fix was not faster JavaScript, but leaving no work at all for the main thread: four real milestones, parts that move only with transform, and timers that step in when things go wrong.
- [x³: keeping the Mauve hidden mode discoverable and cheap](https://devilyxrddev.com/en/journal/hidden-mode-easter-egg): Click the x in the devilyxrd wordmark in the footer three times and the site switches to Mauve mode. In this note I explain how the secret gives itself away, what changes when it turns on, and how I kept all of it cheap, with a class and a few variables, while respecting reduced motion.
- [Language lives in the URL: Turkish at the root, English under /en](https://devilyxrddev.com/en/journal/bilingual-routing): When I made the site bilingual I did not leave the language to localStorage or the browser setting; I put it in the address. Turkish sits at the root, English under /en; the router reads the language from the URL and LocLink keeps every link in the language you are reading.
- [From an XSLT-styled sitemap.xml to a real HTML sitemap page](https://devilyxrddev.com/en/journal/xslt-sitemap-to-html): I first dressed up sitemap.xml with an XSLT stylesheet so that people could read it too. When browsers set out to remove XSLT support, I dropped it: the XML stayed for machines only, and for people I wrote a bilingual, prerendered /sitemap page.
- [I stopped chasing the pointer: a native SVG cursor with CSS cursor](https://devilyxrddev.com/en/journal/native-svg-cursor): On most sites a custom cursor is an element chasing the mouse, and it always lags a little. On this site the browser draws the cursor itself: an SVG data URI in the cursor property, two CSS variables and an x for hidden mode. The JavaScript disc that remains only carries a label.
- [Pause what you cannot see: sleeping loops offscreen and behind overlays](https://devilyxrddev.com/en/journal/pausing-what-you-cannot-see): A lot moves on this site: the hero field, the rings, the scrolling word band, the cover art in the menu. In this note I write down the rules they run by: transform and opacity only, rAF loops that bypass Vue, and small mechanisms that stop anything you cannot see.
- [From design prototype to production code: porting controlled chaos to Vue](https://devilyxrddev.com/en/journal/design-canvas-to-production): This site did not start as code but as an interactive design prototype: devilyxrd, Controlled Chaos. In this note I describe how I ported that prototype page by page into Vue 3 and TypeScript, what I took over as it was, and what I added and changed afterwards.
- [Moving from npm to pnpm, and why I kept TypeScript at ~5.9](https://devilyxrddev.com/en/journal/npm-to-pnpm): The project started with npm, and later I moved the package manager to pnpm. In this note I go through what the switch involved: converting the lockfile, the packageManager and engines fields, the strict node_modules layout, and why I pinned TypeScript to the ~5.9 range.
- [One platform, many sites: the content model in a multilingual CMS](https://devilyxrddev.com/en/journal/multi-site-cms): YEE CMS is a multisite, multilingual platform built to manage the content of Yunus Emre Institute's different centers on a shared foundation. In this article I explain why the content model sits at the center of a system like this, and how I think about the relationship between its layers.
- [One product, three surfaces: web, service and mobile in one monorepo](https://devilyxrddev.com/en/journal/one-product-three-surfaces): Motice is a CRM/ERP product for pilates, yoga, personal training and wellness studios. The administration app, customer portal and mobile app are different faces of the same business processes. This article is about what it means to keep them in one TypeScript monorepo.
- [Blockchain on real devices: 72 hours with three Raspberry Pis](https://devilyxrddev.com/en/journal/blockchain-on-real-devices): Devilyxrd Blockchain is my personal R&D project that combines a blockchain core written in Go with TypeScript and NestJS services. I ran it not as a local process but on three Raspberry Pis for 72 hours. This article covers what I measured, and what I did not.
- [Before writing code: clarifying decisions in Mentorual](https://devilyxrddev.com/en/journal/decisions-before-code): In Mentorual, the current centre of the work is not code but the decisions code will rest on. In this note I explain why drawing the boundaries of the first release through requirements, use cases, screen families and a role-permission matrix is part of building the product.
- [Shared identity, separate rules: notes from the OYS & TYS monorepo](https://devilyxrddev.com/en/journal/shared-identity-separate-rules): In OYS & TYS, students, instructors, candidates and administrators share the same identity infrastructure, but each domain has its own data and business rules. In this note I gather my thoughts on keeping domain boundaries clear while sharing common packages inside Turborepo.
- [End-to-end responsibility: how layers affect each other in BGB](https://devilyxrddev.com/en/journal/end-to-end-responsibility): BGB is a digital product aimed at reducing gambling-related harm. Taking end-to-end responsibility across the mobile app, services, management panel and website let me see how a decision in one layer reflects on the others. This note is about that experience.
- [Same data, four users: notes on the Turkish Art Platform](https://devilyxrddev.com/en/journal/one-data-many-users): In the Turkish Art Platform, the main center and subsidiary platforms live inside the same product. Visitors, artists, applicants and administrators approach the same data with different needs; in this note I write about thinking through those differences together in a multitenant structure.
- [Publishing in two languages: content, workflow and interface in NoktaTR](https://devilyxrddev.com/en/journal/bilingual-publishing): NoktaTR brings the culture, art and literature content of .tr magazine into a Turkish and English digital publication. In this note I explain why content structure, editorial workflow and interface hierarchy are not independent decisions.
- [The process behind the form in a clinic application system](https://devilyxrddev.com/en/journal/clinic-application-flow): In the system I am building for Kadir Yücebaş, the application form is only the visible part of the work. In this note I explain how I think about applications reaching the clinic team, how their status is followed, and how bilingual interfaces share one data model.
- [From software to hardware: a building-washing drone and Raspberry Pi displays](https://devilyxrddev.com/en/journal/from-software-to-hardware): At IOTROCOP I built two projects end to end on my own: a drone designed for washing buildings, and phone-managed advertising displays for cafés and markets. Both taught me the same thing: in hardware there is no single component, only the system.
- [A telemetry interface on Raspberry Pi: staying smooth while data flows](https://devilyxrddev.com/en/journal/telemetry-on-embedded-ui): In a vehicle tracking and navigation system running on Raspberry Pi, I brought live GPS, an interactive map and real-time telemetry into one interface. In this note I describe what changes when data collection and interface performance are considered together on an embedded device.
- [Data from the field: edge processing and connectivity in smart agriculture](https://devilyxrddev.com/en/journal/edge-data-smart-agriculture): GAIA / AgroBlock is an R&D effort that treats sensors, camera nodes and edge devices in agricultural settings as one system. In this note I collect my thoughts on how the physical environment and connectivity conditions shape software architecture.
- [From analysis to infrastructure: owning the whole freelance process](https://devilyxrddev.com/en/journal/owning-the-whole-process): On the e-commerce, congress and corporate websites I built as a freelancer, analysis, design, software and technical infrastructure were all mine. In this note I describe what carrying the whole process alone makes easier, and what it makes harder.

## Sayfalar (Türkçe)

- [Ana sayfa](https://devilyxrddev.com/): devilyxrd (Kaan), İstanbul’da Full-Stack Software Developer. Web, mobil, backend, blockchain ve IoT projeleri, deneyler ve yazılar.
- [Projeler](https://devilyxrddev.com/work): devilyxrd’nin web, mobil, ürün analizi, blockchain ve IoT projeleri: Unitic ekip çalışmaları, kişisel Ar-Ge ve portfolyo.
- [Hakkımda](https://devilyxrddev.com/about): devilyxrd (Kaan): full-stack web ve mobil geliştirme, Unitic, IOTROCOP ve BilgeAdam deneyimi, eğitim ve teknoloji araç kutusu.
- [Deneyler](https://devilyxrddev.com/playground): Tarayıcıda çalışan sekiz etkileşimli deney: üretken alan, kinetik tipografi, geometri, şekil dönüşümü, reaktif ızgara ve daha fazlası.
- [Yazılar](https://devilyxrddev.com/journal): devilyxrd’nin yazıları: arayüz ve performans, SEO ve GEO, tasarım, ürün analizi, çok dilli sistemler, donanım ve blockchain üzerine sahadan notlar.
- [İletişim](https://devilyxrddev.com/contact): devilyxrd ile iletişim: e-posta, GitHub, LinkedIn ve Instagram. Bir fikir varsa konuşacak bir şey vardır.
- [Site haritası](https://devilyxrddev.com/sitemap): devilyxrd sitesindeki tüm sayfalar, projeler ve yazılar tek listede; her biri Türkçe ve İngilizce adresiyle ve paylaşım kartıyla.

## Projeler (Türkçe)

- [Motice](https://devilyxrddev.com/work/motice): Randevu tabanlı hizmet işletmeleri için müşteri, takvim ve operasyon yönetimini bir araya getiren; geliştirilmesine katkı sağladığım SaaS platformu. (Web / Platform · Mobil, 2026, Ekip projesi · geliştirme)
- [Mentorual](https://devilyxrddev.com/work/mentorual): Mentör, üye ve kurumları web ve mobil deneyimlerde buluşturmayı hedefleyen ürünün analiz, gereksinim ve tasarım hazırlığı çalışmaları. (Ürün / Analiz, 2026, Analiz ve tasarım hazırlığı)
- [YEE CMS](https://devilyxrddev.com/work/yee-cms): Yunus Emre Enstitüsü için çok dilli, çok siteli içerik yönetimi; web, yönetim paneli ve API katmanlarında geliştirme çalışmaları. (Web / Platform, 2026, Şirket projesi)
- [NoktaTR](https://devilyxrddev.com/work/noktatr): Kültür, sanat ve edebiyat dergisi .tr için Türkçe ve İngilizce dijital yayın platformu; vitrin, yönetim paneli ve API. (Web / Platform, 2026, Şirket projesi)
- [Türk Sanatı Platformu](https://devilyxrddev.com/work/turk-sanati-platformu): Sanatçıları, eserleri, etkinlikleri ve başvuruları çok kiracılı bir yapıda buluşturan kurumsal sanat platformu. (Web / Platform, 2026, Şirket projesi)
- [OYS & TYS](https://devilyxrddev.com/work/oys-tys): Öğrenci ve kurs yönetimi ile Türkçe Yeterlik Sınavı süreçlerini ortak bir platform yapısında ele alan, geliştirmesinde yer aldığım sistemler. (Web / Platform, 2026, Aktif geliştirme)
- [BGB](https://devilyxrddev.com/work/bgb): Kumar zararlarını azaltmayı hedefleyen platformun mobil uygulama, backend algoritmaları, yönetim paneli ve web arayüzünde uçtan uca geliştirme. (Web / Platform · Mobil, 2026, Şirket projesi)
- [Devilyxrd Blockchain](https://devilyxrddev.com/work/devilyxrd-blockchain): Go ve TypeScript ile geliştirdiğim kişisel blockchain Ar-Ge projesi; konsensüs, servis mimarisi ve gerçek cihazlarda çok düğümlü testler. (Blockchain, 2026, Kişisel Ar-Ge)
- [GAIA / AgroBlock](https://devilyxrddev.com/work/gaia-agroblock): Sensör, kamera ve edge cihazlarını; offline haberleşme, yapay zekâ ve blockchain tabanlı veri bütünlüğüyle buluşturan akıllı tarım Ar-Ge çalışması. (IoT / Donanım, 2024, Ar-Ge projesi)
- [devilyxrd / Portfolio](https://devilyxrddev.com/work/devilyxrd-portfolio): Çalışmalarımı, notlarımı ve etkileşimli deneylerimi bir araya getiren; Türkçe ve İngilizce kişisel portfolyom. (Web / Platform · Yaratıcı kodlama, 2026, Sürekli geliştirilen kişisel site)
- [Kadir Yücebaş](https://devilyxrddev.com/work/kadir-yucebas): Klinik başvuru ve ön değerlendirme süreçlerini; iki dilli formlar, yönetim paneli ve bildirim akışlarıyla dijitalleştiren özel proje. (Web / Platform, 2023, Özel proje)
- [E-Ticaret Çözümleri](https://devilyxrddev.com/work/freelance-e-ticaret): Freelance olarak, analizden tasarıma ve yazılım geliştirmeye kadar tüm aşamalarını bireysel yürüttüğüm e-ticaret web çalışmaları. (Web / Platform, 2021, Bireysel web geliştirme)
- [Kongre Web Siteleri](https://devilyxrddev.com/work/freelance-kongre): Kongreler için freelance olarak geliştirdiğim; analiz, tasarım, uygulama ve teknik altyapısını tamamen bireysel üstlendiğim web siteleri. (Web / Platform, 2020, Bireysel web geliştirme)
- [Kurumsal Web Siteleri](https://devilyxrddev.com/work/freelance-tanitim): Firmalar ve ajanslar için geliştirdiğim; analiz, tasarım, yazılım ve teknik altyapısını baştan sona bireysel üstlendiğim kurumsal web siteleri. (Web / Platform, 2019, Bireysel web geliştirme)
- [Dijital Reklam Ekranları](https://devilyxrddev.com/work/iotrocop-kiosk): Kafe ve marketlerde reklam ve tanıtım için geliştirdiğim; Raspberry Pi 4 tabanlı, telefon uygulamasından yönetilebilen dijital ekran sistemi. (IoT / Donanım · Mobil, 2024, IOTROCOP · bireysel geliştirme)
- [Bina Yıkama Drone’u](https://devilyxrddev.com/work/iotrocop-ros-drone): IOTROCOP’ta bina yıkama amacıyla tasarladığım; ROS, Jetson Nano ve fiber altyapısını baştan sona bireysel gerçekleştirdiğim drone projesi. (IoT / Donanım, 2025, IOTROCOP · bireysel geliştirme)
- [Araç Takip ve Navigasyon](https://devilyxrddev.com/work/iot-arac-takip): Raspberry Pi üzerinde geliştirdiğim; canlı GPS, interaktif harita, navigasyon ve anlık telemetriyi tek arayüzde sunan gerçek zamanlı araç takip sistemi. (IoT / Donanım, 2022, Bireysel IoT projesi)

## Yazılar (Türkçe)

- [Türkçe İ, CSS ve büyük harfle yazılan İngilizce terimler](https://devilyxrddev.com/journal/turkish-dotted-i): Türkçe bir sayfada text-transform: uppercase, i harfini İ yapar. Türkçe kelimeler için doğru, JavaScript ya da Firebase için yanlış. Bu sitede sorunu elle tutulan bir kelime listesiyle değil, iki dilli verinin kendisiyle çözdüm; aynı kural paylaşım kartlarında da çalışıyor.
- [Bir Vue SPA'yı arama motorlarına ve yapay zekâ tarayıcılarına görünür kılmak](https://devilyxrddev.com/journal/spa-visible-to-ai-crawlers): Tek sayfalık bir uygulama, JavaScript çalıştırmayan bir tarayıcıya boş bir div gösterir. Bu sitede her rota build sırasında iki dilde gerçek HTML'e dönüşüyor; hreflang, JSON-LD, sitemap, robots.txt ve llms.txt aynı içerikten üretiliyor ve build sonunda kendini denetliyor.
- [Satori ile her sayfaya ve her dile ayrı paylaşım kartı](https://devilyxrddev.com/journal/og-cards-with-satori): Bu sitede her sayfanın Türkçe ve İngilizce iki ayrı 1200×630 paylaşım kartı var ve hepsi build sırasında Satori ile çiziliyor. İşin zor kısmı düzen değil fontlar oldu: ş, ğ ve İ önce kutu olarak çıktı. Çözüm, font alt kümelerini bırakıp tam TTF dosyalarına geçmekti.
- [Syne'nin g harfi: hata değil tasarım, yine de iki harfi değiştirdim](https://devilyxrddev.com/journal/syne-g-archivo-patch): Sitenin başlık fontu Syne'nin küçük g ve ğ harfleri büyük boyutta bize kırık gibi göründü. Font dosyasını inceledim; sorun bir hata değil, tasarımın kendisiydi. Çözüm, yalnızca bu iki harfi Archivo'dan alan, birkaç KB'lık bir yama ve tarayıcının harf harf font seçmesi oldu.
- [Yükleme ekranındaki takılmayı compositor'a taşımak](https://devilyxrddev.com/journal/compositor-only-loading-screen): DEVILYXRD yazan açılış ekranı ilk sürümde takılıyordu. Çözüm daha hızlı JavaScript yazmak değil, ana iş parçacığına hiç iş bırakmamaktı: dört gerçek kilometre taşı, yalnızca transform ile hareket eden parçalar ve işler ters gittiğinde devreye giren zamanlayıcılar.
- [x³: Mauve gizli modunu bulunabilir ve ucuz tutmak](https://devilyxrddev.com/journal/hidden-mode-easter-egg): Footer'daki devilyxrd yazısının x harfine üç kez tıklayınca site Mauve moduna geçiyor. Bu notta sırrın kendini nasıl ele verdiğini, açılınca neleri değiştirdiğini ve bütün bunları hareket azaltma tercihine saygı duyarak birkaç sınıf ve değişkenle nasıl ucuz tuttuğumu anlatıyorum.
- [Dil adreste yaşar: Türkçe kökte, İngilizce /en altında](https://devilyxrddev.com/journal/bilingual-routing): Siteyi iki dilli yaparken dili localStorage'a ya da tarayıcı ayarına bırakmadım, adrese yazdım. Türkçe kökte, İngilizce /en altında duruyor; router dili URL'den okuyor, LocLink de bağlantıları okuduğun dilde tutuyor. Bu notta kurgunun nasıl çalıştığını anlatıyorum.
- [XSLT ile süslenen sitemap.xml'den gerçek bir HTML site haritasına](https://devilyxrddev.com/journal/xslt-sitemap-to-html): sitemap.xml'i insanlar da okuyabilsin diye önce bir XSLT stil dosyasıyla süsledim. Tarayıcılar XSLT desteğini kaldırma yoluna girince bundan vazgeçtim: XML yalnızca makineler için kaldı, insanlar için iki dilli ve prerender edilen bir /sitemap sayfası yazdım.
- [İmleci kovalamayı bıraktım: CSS cursor ile yerel SVG imleç](https://devilyxrddev.com/journal/native-svg-cursor): Özel imleç çoğu sitede fareyi kovalayan bir elemandır ve hep biraz geride kalır. Bu sitede imleci tarayıcının kendisine çizdirdim: cursor özelliğinde SVG data URI, iki CSS değişkeni ve gizli mod için bir x. JavaScript'le çalışan disk artık yalnızca etiket taşıyor.
- [Görmediğini durdur: döngüleri ekran dışında ve perde arkasında uyutmak](https://devilyxrddev.com/journal/pausing-what-you-cannot-see): Sitede sürekli hareket eden çok şey var: hero alanı, halkalar, kayan kelime bandı, menüdeki kapak çizimleri. Bu notta bunların hangi kurallarla çalıştığını yazıyorum: yalnızca transform ve opacity, Vue'yu atlayan rAF döngüleri ve görünmeyen her şeyi durduran küçük mekanizmalar.
- [Tasarım prototipinden üretim koduna: kontrollü kaosu Vue'ya taşımak](https://devilyxrddev.com/journal/design-canvas-to-production): Bu site kod olarak değil, etkileşimli bir tasarım prototipi olarak başladı: devilyxrd, Controlled Chaos. Bu notta o prototipi sayfa sayfa Vue 3 ve TypeScript koduna nasıl taşıdığımı, neyi olduğu gibi aldığımı ve neleri sonradan ekleyip değiştirdiğimi anlatıyorum.
- [npm'den pnpm'e geçiş ve TypeScript'i neden ~5.9'da tuttum](https://devilyxrddev.com/journal/npm-to-pnpm): Proje npm ile başladı, sonra paket yöneticisini pnpm'e taşıdım. Bu notta geçişte neler yaptığımı anlatıyorum: kilit dosyasının dönüşümü, packageManager ve engines alanları, katı node_modules yapısı ve TypeScript'i neden ~5.9 aralığına sabitlediğim.
- [Tek altyapı, birçok site: çok dilli bir CMS'te içerik modeli](https://devilyxrddev.com/journal/multi-site-cms): YEE CMS, Yunus Emre Enstitüsü'nün farklı merkezlerinin içeriklerini ortak bir altyapıda yönetmek için geliştirilen çok siteli, çok dilli bir platform. Bu yazıda bu tür bir sistemde içerik modelinin neden her şeyin merkezinde durduğunu ve katmanlar arasındaki ilişkiyi nasıl düşündüğümü anlatıyorum.
- [Bir ürün, üç yüz: Motice'te web, servis ve mobil aynı monorepoda](https://devilyxrddev.com/journal/one-product-three-surfaces): Motice; pilates, yoga, kişisel antrenman ve wellness stüdyoları için geliştirilen bir CRM/ERP ürünü. Yönetim uygulaması, müşteri portalı ve mobil uygulama aynı işletme süreçlerinin farklı yüzleri. Bu yazı, onları tek bir TypeScript monoreposunda tutmanın ne anlama geldiğini anlatıyor.
- [Gerçek cihazlarda blockchain: üç Raspberry Pi ile 72 saat](https://devilyxrddev.com/journal/blockchain-on-real-devices): Devilyxrd Blockchain, Go ile yazdığım bir blockchain çekirdeğini TypeScript ve NestJS servisleriyle birleştiren kişisel Ar-Ge projem. Onu yerel bir süreçte değil, üç Raspberry Pi üzerinde 72 saat boyunca çalıştırdım. Bu yazı, neyi ölçtüğümü ve neyi ölçmediğimi anlatıyor.
- [Kod yazmadan önce: Mentorual'da kararları netleştirmek](https://devilyxrddev.com/journal/decisions-before-code): Mentorual'da işin bugünkü merkezi kod değil, kodun dayanacağı kararlar. Gereksinimler, kullanım senaryoları, ekran aileleri ve rol-yetki matrisi üzerinden ilk sürümün sınırlarını çizmenin neden üretimin bir parçası olduğunu bu notta anlatıyorum.
- [Ortak kimlik, ayrı kurallar: OYS & TYS monoreposundan notlar](https://devilyxrddev.com/journal/shared-identity-separate-rules): OYS & TYS'de öğrenci, öğretici, aday ve yönetici aynı kimlik altyapısını paylaşıyor ama her alanın verisi ve iş kuralları farklı. Turborepo içinde ortak paketleri paylaşırken alan sınırlarını açık tutmaya dair düşüncelerimi bu notta topluyorum.
- [Uçtan uca sorumluluk: BGB'de katmanların birbirine etkisi](https://devilyxrddev.com/journal/end-to-end-responsibility): BGB, kumar zararlarını azaltmaya yönelik bir dijital ürün. Mobil uygulama, servisler, yönetim paneli ve web arayüzünde uçtan uca sorumluluk almak, bir katmandaki kararın diğerlerine nasıl yansıdığını görmemi sağladı. Bu notta o deneyimi anlatıyorum.
- [Aynı veri, dört kullanıcı: Türk Sanatı Platformu üzerine notlar](https://devilyxrddev.com/journal/one-data-many-users): Türk Sanatı Platformu'nda ana merkez ve alt platformlar aynı ürünün içinde yaşıyor. Ziyaretçi, sanatçı, başvuru sahibi ve yönetici aynı veriye farklı ihtiyaçlarla yaklaşıyor; bu notta çok kiracılı bir yapıda bu farkları birlikte düşünmeyi anlatıyorum.
- [İki dilde yayın: NoktaTR'de içerik, akış ve arayüz birlikte](https://devilyxrddev.com/journal/bilingual-publishing): NoktaTR, .tr dergisinin kültür, sanat ve edebiyat içeriğini Türkçe ve İngilizce olarak dijital ortama taşıyor. Bu notta içerik yapısı, editoryal akış ve arayüz hiyerarşisinin neden birbirinden bağımsız kararlar olmadığını anlatıyorum.
- [Klinik başvuru sisteminde formun arkasındaki süreç](https://devilyxrddev.com/journal/clinic-application-flow): Kadir Yücebaş için geliştirdiğim sistemde başvuru formu işin yalnızca görünen kısmı. Bu notta başvurunun klinik ekibine ulaşmasını, durumunun takip edilmesini ve iki dilli arayüzlerin aynı veri modeline bağlanmasını nasıl düşündüğümü anlatıyorum.
- [Yazılımdan donanıma: bina yıkama drone'u ve Raspberry Pi ekranları](https://devilyxrddev.com/journal/from-software-to-hardware): IOTROCOP'ta iki projeyi baştan sona tek başıma geliştirdim: bina yıkama amaçlı bir drone ve kafe ile marketler için telefondan yönetilen reklam ekranları. İkisi de bana aynı şeyi öğretti: donanımda tek bir bileşen yoktur, sistem vardır.
- [Raspberry Pi üzerinde telemetri arayüzü: veri akarken akıcı kalmak](https://devilyxrddev.com/journal/telemetry-on-embedded-ui): Raspberry Pi üzerinde çalışan araç takip ve navigasyon sisteminde canlı GPS, interaktif harita ve anlık telemetriyi tek bir arayüzde topladım. Bu notta gömülü bir cihazda veri toplama ile arayüz performansını birlikte düşünmenin neleri değiştirdiğini anlatıyorum.
- [Sahadan gelen veri: akıllı tarımda edge işleme ve bağlantı koşulları](https://devilyxrddev.com/journal/edge-data-smart-agriculture): GAIA / AgroBlock, tarım alanındaki sensörleri, kamera düğümlerini ve edge cihazlarını tek bir sistem yaklaşımında ele alan bir Ar-Ge çalışması. Bu notta fiziksel ortamın ve bağlantı koşullarının yazılım mimarisini nasıl şekillendirdiğine dair düşüncelerimi topluyorum.
- [Analizden altyapıya: freelance işlerde bütün süreci üstlenmek](https://devilyxrddev.com/journal/owning-the-whole-process): Freelance olarak geliştirdiğim e-ticaret, kongre ve kurumsal web sitelerinde analiz, tasarım, yazılım ve teknik altyapının tamamı bendeydi. Bu notta tek kişinin bütün süreci taşımasının neyi kolaylaştırdığını ve neyi zorlaştırdığını anlatıyorum.

## Contact

- Email: devilyxrd@gmail.com
- GitHub: https://github.com/Devilyxrd
- LinkedIn: https://www.linkedin.com/in/devilyxrd
- Instagram: https://www.instagram.com/devilyxrd/

## Optional

- [Full text of all articles and project notes, English and Turkish](https://devilyxrddev.com/llms-full.txt)
- [Sitemap with every URL in both languages](https://devilyxrddev.com/sitemap.xml)