Yasin Engin Portfolio

Personal portfolio and technical hub focused on Network Automation, Software-Defined Networking, NDN/ICN, LEO/NTN systems, Go backend systems, distributed systems, and future network architectures.

Live Site

https://yasinenginn.github.io/

Purpose

This site presents my bilingual personal profile, connected engineering focus areas, projects, case studies, technical notes, research reading list, Netreka Academy content, CV, and contact information. It is designed as a professional portfolio and public evidence system rather than a single static landing page.

Brand Positioning

Primary identity:

Yasin Engin - Computer Engineering Student | Network Automation, Future Networks & Go Distributed Systems

Short profile line:

I build reproducible network automation labs, future-network research experiments, and Go-based distributed systems.

Main Focus Areas

• Network Automation
• Software-Defined Networking
• Named Data Networking / Information-Centric Networking
• LEO Satellite Networking / NTN
• Go Backend Systems
• Distributed Systems
• CCNA / CCNP Labs
• Containerlab / Ansible / gNMI / YANG
• Future Network Architectures

Featured Sections

• About Yasin Engin / Yasin Engin Hakkında
• Engineering Focus topic hubs
• Projects
• Case Studies
• Research Library
• Engineering Notes
• Politecnico di Torino Diaries
• Torino Erasmus Map
• Netreka Academy
• CV
• Contact

Technical Stack

• HTML5
• Modular CSS architecture
• Modular vanilla JavaScript
• GitHub Pages
• JSON-LD structured data
• Open Graph / Twitter metadata
• Sitemap / RSS / robots.txt
• Performance-aware lightweight mode
• External JSON translation data

Local Development

git clone https://github.com/YasinEnginn/YasinEnginn.github.io.git
cd YasinEnginn.github.io
npm run serve

Then open:

http://localhost:8000

Generate content collections before previewing content changes:

npm run build:content

Engineering notes live in content/notes/ as Markdown and are generated with npm run build:notes. Published diary entries live in content/torino-diary/posts/ as Markdown and drafts live in content/torino-diary/drafts/. The diary generator creates clean post URLs, task-oriented filters, tag and category archives, a search index, RSS, JSON-LD metadata, and a dedicated sitemap without adding a runtime framework or database. Its configuration, content loader, templates, and generated artifacts are separated under scripts/diary/ so each concern can evolve independently. Drafts can be previewed with:

node scripts/build_torino_diary.mjs --drafts

You can also run the server directly:

python -m http.server 8000

CSS Build

The generated stylesheet at assets/css/app.css is built from the CSS partials in assets/css/01-tokens.css through assets/css/08-responsive.css.

npm run build:css

Run this command after editing the CSS partials.

JavaScript Architecture

The portfolio JavaScript is split by responsibility under assets/js/:

• performance.js sets adaptive device and rendering profiles.
• i18n.js loads assets/data/translations.json and applies UI translations.
• theme.js manages time-aware theme state.
• contact.js owns email copy and contact form behavior.
• library.js powers the reading-library filters and search.
• command-palette.js handles the Ctrl+K command palette.
• projects.js handles project/video tracking helpers.
• main.js coordinates page initialization and shared UI behavior.

Quality Checks

npm run check:js
npm run check:sitemap
npm run check:html
npm run check:site
npm run check

check:js verifies JavaScript syntax and JSON data files. check:sitemap verifies that every page URL listed through the sitemap index maps to an existing local file. check:html guards indexable-page metadata, landmarks, meta CSP compatibility, and external-link safety. check:site verifies local HTML links, anchors, assets, and CSS url() references. check runs the CSS and content builds plus every quality check together.

Performance-Aware Design

The site uses adaptive performance profiles instead of a single visual mode:

• desktop-full: rich canvas, terminal, command palette, and cinematic effects
• desktop-balanced: reduced effects with a lower-cost canvas profile
• tablet-balanced: low-FPS canvas, reduced shadows/blur, no terminal
• mobile-lite: no canvas or terminal, minimal animation, shorter first project list

The site automatically reduces visual effects on:

• mobile screens
• tablet screens
• low-memory devices
• low-CPU devices
• slow connections
• data-saver mode
• reduced-motion preference

Manual overrides:

• ?lite=1 or ?performance=lite forces the lightweight version.
• ?lite=0 or ?performance=full forces the full visual version.

SEO Features

• Canonical URL
• Sitemap index plus page, project, note, image, and video sitemaps
• robots.txt
• RSS feed
• Dedicated Torino diary RSS feed and generated search index
• Page-level Open Graph metadata
• Page-level Twitter/X card metadata
• Dedicated 1200x630 social preview images under assets/img/social/
• Matching social metadata on legacy convenience redirect URLs
• JSON-LD Person / ProfilePage / WebSite / VideoObject / ItemList data
• Page-level TechArticle / SoftwareSourceCode / BreadcrumbList data
• Image and video sitemap files
• IndexNow submission script for page, project, note, and video URLs
• llms.txt AI-readable profile index
• humans.txt

Search Engine Submission

After deploying to GitHub Pages, submit these sitemap URLs manually in Google Search Console, Bing Webmaster Tools, and Yandex Webmaster:

https://yasinenginn.github.io/sitemap.xml
https://yasinenginn.github.io/sitemap-pages.xml
https://yasinenginn.github.io/sitemap-projects.xml
https://yasinenginn.github.io/sitemap-notes.xml
https://yasinenginn.github.io/sitemap-torino-diary.xml

The image and video sitemaps are linked from sitemap.xml and robots.txt for crawler discovery.

Priority URLs to inspect/request indexing:

https://yasinenginn.github.io/
https://yasinenginn.github.io/cv.html
https://yasinenginn.github.io/projects/
https://yasinenginn.github.io/projects.html
https://yasinenginn.github.io/notes/
https://yasinenginn.github.io/videos/
https://yasinenginn.github.io/videos.html
https://yasinenginn.github.io/research-library/
https://yasinenginn.github.io/library.html
https://yasinenginn.github.io/projects/tolerex/
https://yasinenginn.github.io/projects/tolerex.html
https://yasinenginn.github.io/projects/rehydrator/
https://yasinenginn.github.io/projects/rehydrator.html
https://yasinenginn.github.io/projects/network-automation-labs/
https://yasinenginn.github.io/projects/network-automation-labs.html
https://yasinenginn.github.io/projects/dtn-implementation-labs/
https://yasinenginn.github.io/projects/dtn-implementation-labs.html

Legacy convenience URLs redirect to the canonical directory-style pages and carry matching Open Graph / Twitter card metadata for share previews.

Social Preview QA

After deployment, test the live URLs in LinkedIn Post Inspector and Meta Sharing Debugger:

https://yasinenginn.github.io/
https://yasinenginn.github.io/cv.html
https://yasinenginn.github.io/projects/
https://yasinenginn.github.io/projects.html
https://yasinenginn.github.io/notes/
https://yasinenginn.github.io/videos/
https://yasinenginn.github.io/videos.html
https://yasinenginn.github.io/research-library/
https://yasinenginn.github.io/library.html
https://yasinenginn.github.io/projects/tolerex.html
https://yasinenginn.github.io/projects/rehydrator.html
https://yasinenginn.github.io/projects/network-automation-labs.html
https://yasinenginn.github.io/projects/dtn-implementation-labs.html

Check that each preview uses the expected title, description, canonical URL, and assets/img/social/ image.

External Profile Copy

GitHub profile README:

# Yasin Engin

Yasin Engin - Computer Engineering Student | Network Automation, Future Networks & Go Distributed Systems

I build reproducible network automation labs, future-network research experiments, and Go-based distributed systems.

Portfolio: https://yasinenginn.github.io/
Netreka Academy: https://www.youtube.com/@Netreka_Akademi
Current Focus: Satellite Networks, NDN, Network Automation

LinkedIn headline:

Computer Engineering Student | Network Automation & Future Networks | SDN, NDN, Go, CCNA/CCNP Labs

YouTube channel/about snippet:

Personal portfolio and technical notes:
https://yasinenginn.github.io/

Suggested future custom domain:

yasinengin.dev

IndexNow

After deploying changes to GitHub Pages, notify IndexNow-supported search engines with:

npm run indexnow

The script reads sitemap-pages.xml, uses the hosted key file at /6f8d2a9b4c1e7f5038a0d6c9b2e4f1a7.txt, and submits the current page URLs.

GitHub Repository Metadata

Suggested repository description:

Personal portfolio and technical hub focused on Network Automation, SDN, NDN, Go backend systems, and future network architectures.

Suggested website:

https://yasinenginn.github.io/

Suggested topics:

portfolio, network-automation, sdn, ndn, golang, grpc, distributed-systems, ccna, ccnp, ansible, containerlab, gns3, ndnsim, network-engineering, future-networks, github-pages

License

MIT