Plain, portable web
Semantic HTML, responsive CSS, and lightweight JavaScript. No framework is required to run or edit the site.
Type. Code. Decisions. Evolution.
Colophon
A transparent record of how this digital home is designed, built, and kept alive.
Anton + Manrope
Display typography carries the editorial voice; the body face keeps dense ideas readable.
Charcoal + signal lime
Near-black is the working surface. Muted lime marks action, state, and useful proof.
Movement with a job
Transitions establish place, hover states reveal intent, and reduced-motion preferences are respected.
BYTEBASHERR originals
The mascot and archive visuals live in assets/images and can be replaced without changing layout code.
Proof over performance
The site is designed to become more valuable as real products, notes, videos, and credentials replace placeholders.
Field Note / The My Codes ecosystem
The systems behind the builds
This is a living map of the technologies running through my projects—what I already build with, what I am actively strengthening, and what each product is teaching me next. It is not a finish line. It is the technical territory behind the work.
Semantic HTML, responsive CSS, vanilla JavaScript, SVG, PHP, WordPress theming, accessibility, SEO, performance, and static deployment.
Next.js, React, TypeScript, Supabase, PostgreSQL, authentication, secure server-side flag verification, Row Level Security, rate limiting, and platform safety.
React, Next.js, TypeScript, Tailwind CSS, React Flow, Framer Motion, spatial interfaces, pan and zoom, interaction design, and visual knowledge systems.
Electron, Vite, React, TypeScript, secure IPC, local-first architecture, SQLite and SQL.js, file handling, backups, Windows packaging, and desktop application security.
Three.js, React Three Fiber, Drei, 3D scenes, cameras, lighting, materials, animation, pointer interaction, Framer Motion, and browser rendering performance.
Next.js, Supabase Auth, PostgreSQL, storage buckets, audio uploads, playlists, media validation, relational data, playback state, and access policies.
React, TypeScript, Vite, Tauri, Rust, system-tray behavior, native window management, local settings, WebView2, and Windows installer builds.
Vite applications, calculators, interactive resumes, browser games, motion, DOM events, local storage, responsive interfaces, and rapid product prototyping.
Learning path
Foundation to specialist systems
- Web foundationsHTML, CSS, JavaScript, responsive design, accessibility, SVG, HTTP, browser DevTools, Git, GitHub, PowerShell, and npm.
- Application engineeringTypeScript, React, component architecture, hooks, state, forms, testing, Vite, linting, debugging, and maintainable project structure.
- Full-stack productsNext.js, server and client components, route handlers, APIs, cookies, sessions, SQL, PostgreSQL, Supabase, authentication, storage, and migrations.
- Security and reliabilityAuthorization, validation, secret management, hashing, RLS, XSS, CSRF, SQL injection, secure uploads, rate limiting, audit trails, backups, and monitoring.
- Specialist interfacesFramer Motion, React Flow, Three.js, React Three Fiber, audio systems, canvas thinking, gestures, animation, and performance optimization.
- Desktop and deliveryElectron, secure IPC, SQLite, Tauri, practical Rust, native Windows behavior, installers, versioning, deployment, DNS, HTTPS, and production releases.