00:00:00 UTC
OPEN TO WORK
PORTFOLIO / 2025 / V6

FRONT END ENGINEER

Kushtrim Hyseni. Talented and ambitious web developer with strong expertise in front-end and back-end technologies. A problem-solver with excellent communication skills and a passion for innovative solutions.

PROJECTS
11
FRAMEWORKS
08
EXPERIENCE
06+ YRS
LOC SHIPPED
∞
02   SEC.02

// terminal

type `help` to begin
kushtrim@portfolio:~
kh-term v1.0 · 11 projects · zsh
kushtrim@portfolio:~$
03   SEC.03

// stack & tooling

8 surfaces
01 / 08
Vue.js
Reactive Framework
PROFICIENCY95%
02 / 08
React
UI Library
PROFICIENCY92%
03 / 08
Next.js
React Framework
PROFICIENCY88%
04 / 08
Angular
TS Framework
PROFICIENCY78%
05 / 08
Tailwind CSS
Utility-First
PROFICIENCY96%
06 / 08
Astro
Content Framework
PROFICIENCY84%
07 / 08
WordPress
CMS
PROFICIENCY86%
08 / 08
TypeScript
Typed JavaScript
PROFICIENCY90%
04   SEC.04

// featured projects

11 items · 8 domains
projects / communication-platform / one-of-a-kind-club.js

One of a Kind Club

Real-time Q&A platform with voice-enabled rooms and queue management.

Real-time Q&A platform connecting sellers and admins through voice-enabled rooms with queue management. Built with WebSockets for live presence and Agora for voice channels.

YEAR
2024
ROLE
Full-Stack Development
STATUS
Live
Node.jsReactWebSocketsAgora API
LIVE https://one-of-a-kind.club/ ↗
FEATURES
  • Admin-created discussion rooms
  • Seller join and participation system
  • Real-time queue management with WebSockets
  • Voice communication via Agora API
  • Queue position tracking
  • Room moderator controls
  • Real-time participant list
  • Voice channel switching
  • Product inquiry management
  • User authentication and authorization
  • Role-based access (admin/seller)
  • Live connection status indicators
  • Message notification system
  • Room capacity management
  • Session persistence
  • Audio quality controls
  • WebSocket reconnection handling
  • Scalable Node.js backend
·@*·@··%:@,#%·,·@,=,++%@+·@=.·*%···.@@··,·*@*,#@%.·.·#...·:=@-::·:@-@*,.@@·@#@,·,··@,%+,·.=.-#=.:,,=@#·=·..%·,@·=··-*-@· .%·@··:-#+·.,@@#+@#.,@+@.#··,·@-,·#@·@+**·#*@:*·*·-+·@@@*·+.@%·@%*·@=-·.@..:*.,··.:.+@%+@#*.@@·@-·#-·+@.*@@··@,+·%··#%:· ·=-,*+@:-:+·,.··@-···@.:@·%,+=+·%·+@@==·.,*%+=.,%·-#.+·,%#·-··%=.=@,@@@:··@.%=-@@-:%+#**-:%@#·%%-+-·#@%@-·@,%··,·##·.,+, %.·@@%-@·#-,@#@#·-%@=,·%%+.·@+@*@,.#@:@·*@.:@·#**·#,#+#=-%,#@·:%@#@=:-::·-.*#·:#·.,·:@,,,@·=%·+·@@.:#@=·@.·@=#·+@*,*·+·@ -%==@-·*@:%@%.%.,.*··%#@@·,#·,@=@%*%·@-.@=@@%@=@·.@#.@%@@·#**%.=%-@#%:::#,:@@·.··%+,%*@@@=,*·.:@%,,...@,==·@-:·:+#*%·#@· -#·-@%%:=-@%*@@@%.,-##@#:-·*-=:#@=#,..·@,-·*=+·:·@:##@,@@#·*,@·@*·+%·=@:·=%@*+·,*·@.,+@%·,%···--.@@+%=@**··..,,.+,@@+@-# *··@:@%·@@*%*,%%·@+#·,+···,,+*·*-@,.++#@#,+@#+#@·=.··%·@-,--@@+#-@=··,%,.#,·..*@++@·+-,#···@.#·%%@··%*-%·+-@%,#=·@-,@,·, #·#@#*@*·*@,#%-·-@+#,-@·@=,,%,@·=+:+·,@:*@·@+:@@,%@@.@.··%@:%,@··=,-#*-·@*·@···@·,+%*·-@·,.@·%@%#@.=,@:,@%·,·,::#.#-.·:@ =@.#@:@#-.·@@++@:%@*@*·,=··.#*+·%%@·+@-·=%@@%::@@·@=#*··.#+..+·*-@@.+@#·%+.+@@@*@·=#·%#:,-@:#@#%.@·#@@.@*@:=·=:,%*#*%··@ @·@@%*=··=···%#·,@%·*#%·*@@+-·@#·##**@%=#%@+@,+*·+@@,*=.·,:@.###.*@@·.#,-.%@.@*.-+@%,@:@@·#%@,:@=,··*·@.=%@#·@=·@=+@*.=@ *@*@:@·+:·*.,@*=:@*@@=,=*··=-@*@#*%%-,··%=+#@@·%+*#···:@%@*@%··@:-·%#+,·.,+@..-·#,#·%@#*·:·@*@.%··%@·+=%++@·=@=@,%,%·=@· ·%·@@.=,.*@%*··@·.*,@,%.··@%#,.·#+*·,@·%@,·-:@%@@@:+%#%·.=··%·+%.#=·:@.@%%@@@-·=@+@.·=··*@*%@@*-*·:..-@···*@@@*::%··*,=· ·..·:@@.*@-·.-##+·@.,#-.:*@,·@.+@·%.@%#+=-+#%··+·@-::*·@-:.·@·@=···:.@%@*·+@@%:@@@@+@@#@·.@:@+·@@*+··%-@@.@=@--·,·@#@@·@ @*·+=@·#·=+.·.·*@·%,@@=·%*+@····@,%#-@*=*=.#%·@-·#:=#:,+@=##*=#%·-@%@@·##·@%@@=·@@*+-·=%·#@@+@·,*··:,+#@=*-*·@.·:.@=,=+: ,@···:+@.+@·:=,+·=-=:*·,,=#,=,.*%,@.@@,*,%,==*:==++·.=,@·*.-%%.@:%-*@@-%.*@,@*@+=·-+*·%·++@*::%@@@@=·#%%@=-@·*:#·@.+=%#@ %,#·*%@·@::#-:·@--·@,#·@.:*·%::#*@·.,@·=·*.,%···*#·.=·,·+%%,+%%:··@·.@+·@,%··.·%=+·.·@,*··-@*··@%%%%=·.,*@··:.,-@+.#=#·- @@%%.*·-+.=+·@·#%.@=·@.+-@%·+·*%@.@+@@.#%··+··%·@-:#:*,%·#·#+@@*·:#@%,·,#%·-*:@@#%*·*@·%@-=·@·@·#,.@@+··%·+.-.:#@:-··#·@ ·%@@·-#·#·%.#%@-·=@@@+*,%·@@*·-%-#%+@@=-%%=*+-·+#-*@:··,·:*@@@@@@:#@@-#@:·@.,#·#%..::·*+.·,·+=..-@·=+%,·:.#*#.#·-%,··,··
// preview
.js
One of a Kind Club
Live
one-of-a-kind-club.js 4 deps 2024
projects / content-management / time-travel.php

Time Travel

WordPress-based website with custom theme and content management.

WordPress-based website with custom theme and content management — fully editorial-driven with a hand-rolled WordPress theme.

YEAR
2023
ROLE
Full Development
STATUS
Live
WordPress
LIVE https://time-travel.org/ ↗
FEATURES
  • Custom WordPress theme development
  • Content management system
  • Responsive design
,+,@@··-+#·%=@·=·,.·*@#·*+·@·.@··#,=:%.=*:@@@@··=.*%@.%@.@@@%@#@,::%-#%·=@::@%=·=%.@.*+@+-#%*@@%+·@@%@+#@@@::,=·,%:*:%·: #·@,+.·*.:,@·-*:.@*·.*.=,@.,,*#·@·#:.·#:+@·@··=+*+=·*%%·*.::+.=.@:···,@#·.-@:·*=%·#=%..@@*@#·.,*+*@@@=%·,+,.#@·-=:·:%@.% -.,··+*@.@*=%+:+@@@@@*@@·:··.#+++@**#,:.+.···,,,·*+:-%#@..%@-*@%,@*·@.*·%%*.*.,·:=**@:@%·::#,.@··@···:·-@,#@@=:@·,*:%%·. .·=%:@#-··@-@#@@%@·@:-+#=,@@=.#+@*,*·%··+@-+@%@···%·#·+@@**.@%+.···-.@*.*·+:.+··,*.·:·%*==%@@*,:·=·@·@@.·,%·%@%#*,@+·**· @@@·*+@=:+·*·+@*·.+%#+:%=@#%@=*:#-··@@.*,@%-*-+@·@#@.#:+·#·.@·,··=,·@@··@*==..%%-@.@-·-+@,@-···.@,%:=%@··.*@.·::·+·,·#·= @.*+-#*.·=,=*·,:-.=*:-@@@·@=.-·%-@···+@·@.·%@@-+.·@=·%.·*.@:@·=·@·=:·:%·=.*..··@-@,@:.@**@@=:·#*=·*@=-.:.,:.:@#-%=#=@.:· #=:+·@.,:·%@@@@+-+=:.:@%·.···.:·*+·*%+@·%++-.@,=@·=*%%=@·@*+··,,·%*·.,,.+-@**.,·%,.*.-@@·:.·#-·#.=.@%#,::-*.:@::*#,#@··· ·:.%*·@#*=.:@,%@@.·+-#·#@-=@,.%:=:,·@·@.%-·@,.=-@·-·*@+-·=-*@·%.·@#·:-%·,+#+.@·@@·=#·@·.*·@-.,+.··%-@@·.·.=@,·%::.·=++@* ,*·@:#,@+%:=+,···@·+*=--·@*.=@%@=·%··,,·@@,.@@,%@-%+%%@·@#.%·=.-·@@@,*--###%=%·@@*··=.+@@@%*@%%,+%#%··@@:-:·.+·..=%%%*-% .@,=#,#·%#·%%-@%,*···@@@+·+·%:@·,#··:%@:,-,-.@=·@,·-·@.%%-@·+.··*-.#··,-·=@+@@#%.#.·@:·==@·#*#++#-#:@@·@+%@.@.@+%--@*·=. %@@*..*@-·.@.%#+%-,*:·,·@:-@%·%@·:··%+%..@@,@##·%%,·.@+%%,.#*.·=@%.%-·-+@,·*%,#@%@%·:@@=··.@*.,.·@·:·@@#@@-.%%:%.-*@@·.. +·+,@-::·%··@@-·..=·@+·.·*-.-·,%+*,-@·:-=··%·.+%%··@%.@+·%@·@@@-,.@-,@.·:,-*%*=*%@#@%.=@.,-.-,··@@#,·%@··@+·=#@·=·@@%.·, %#*,·:*#·=@.·.=·#:-*:=:+-=+@·=@*-·,,·.@#·@%*@@.+%·@.:%,%=.+.·*.*--::,,@#-=@·%,+@#@·@·%:%@.·+=%=.#+·@,*=.#·##%-@-*·@:.@@, ·@.·@*·@,+*.·:#@##@*..·@.**@#+@+.·:·,@·@%=@·%#.·*@#%·%+#··%%@.#=-=@%@%#%=·=##*.#··,#+·,#·#-%@@.·@,%*+-%·=%··+:,-#·+#@%:- +@#%@:#...···@-:@=·%@@%.·,:==.+@*%·++@··@##:*-,%-%%:@··-@%:·@·-.@#·*+%-·%·+%·@#.·@--,,+@*·-@@%,-.@.#·@·@+%@-@·**·=.·-·.@ ·=@··+,@.@@·%-:·.-%-@·*@·@·#@:·@=*·@:·@=+#@-:@:@%·@-·,·@%.%:#··+·.:,*%:@+,·@%%·::*@·@.*.:.:,,·=·%@@%::@··%@#+%@@@@,%.#:· @=%==.·*::·@--%:=+·=.*%%%:@.%-·@.#@*@:+@%-.=·@%-:@·:+·@·*·,··-##.*,=.@@@.@-+#%·%*,-+··-+-·:*%@-@:*@··*-*.%@@,@%.·@*%·:*, #·,:@.%·.#*:+·@·-·#@=·=+*@%+#:+--.@·-···,·@:@*@,@.=*%··+#·.,··%·:@%@#=.-@#·+··@@@@-·%:#%:%··%-@·=@·:·=·--+%.·#%+,··=@@·+
// preview
.php
Time Travel
Live
time-travel.php 1 deps 2023
projects / corporate-marketing / amc-marketing.tsx

AMC Marketing

Multi-division marketing corporation site: events, production, retail.

Multi-division marketing corporation website featuring event venues, production services, and retail. Built on Next.js 13+ App Router with image optimization and SEO-tuned pages.

YEAR
2024
ROLE
Frontend Development
STATUS
Live
Next.jsReactTailwind CSS
LIVE https://amc-marketing.vercel.app/ ↗
FEATURES
  • Modern responsive design with Next.js 13+ App Router
  • Multiple division showcases (Marketing, Hall, Store, Events, Studio)
  • Dynamic content sections and navigation
  • Image optimization with Next.js Image component
  • SEO-optimized pages
  • Contact forms and booking systems
  • Brand portfolio showcase
  • Blog integration
  • Newsletter subscription
  • Social media integration
-*%,.%,,·++-+%.=··@·+··+=-:@#+%+=#+%-@@:=@.%@#@·:@+.,%=@@·,###@·+*:@·-%·.@%@*@·+%·@·@,%·#*.-·,···=@@@,.··..:.-.##%#.@+·· @+%.,@·:.·*:+.:·%:**=+*·=+:#@@:@:·,@=+··=·%·.·-·+#%=@,#*.,*·=%@:·@@++=%@·@-+--.···.:+@#·.··,*@@@#+#@:*=.*:·%.·%::+:@=@@@ %.*@%#:+=+·@@:%%@=-:===@.,·%@@@.*+-@=*·--%·.··%,*-·.*.=%,@#%#*#.,::·,:*#·#%-·#*#·@.··#:·+·@-@#:-·+·.@=.@·=@##*,·,%@%··@: =--@:·=·@·:·-·@%···.·:.·=%,---#:·*,=:.·-·,·:·@.+*:=.+··@@.%·@*##+%·..·@·=@..·%·:=@=··#-=,,·=+.#=#%+:=:%@,@=%:@,@@:%-·%%- *@-*%·,·@#@·*##·:@@@,@=+=·@··::.-=··@+#:,%%@*·@%+:@@@·%-#::@#%#····*@·-@·.,·.+·@+=%=%·*·#.#·:.,-=.@.@.*..,·.-@·@:@%,.·*@ @#-+=#··%,=++%*@@#·:*#···,.··:+·,·%····-#%@@*:@-·,,=·@·@.@@·=.@·*@,·@···*+:@·%+*%%·,%%@·=#%%%.,··,,@·:=*:···@··=@-@%-#@+ ,-*·=@+#@··#%.,:,%#·@%#+%+*@::@·::@.@.%·@:#·%@=-%·@,·#,+##@·=*%%·.·-#-·@=@##@:*,,=·#@.+@@==.%·:·+·@=·#*=%:%@·@@@@@##··#@ =·%·.@@·+.@+,.*+.·*+,@:-·@%.=@%.::-·-+%+·:%#***@=@-·@@··-@·.-:+:+*·=@·,:·@@@@,+@-@#*@·=@@:@@,+·..··@,+..@%@%,@@=@.%:@.@+ @.@%@@.-·:#·.=··%**@#·+·%·:*++@·*%#,.=-:%+·@::,%·-%*%*##·-·%,%··%::···#+-@+=@,,,:%@*+%@#%··-·..*·@·,@=-%*·#:·+%-#.·%:@@· %#%·.*.@@-@:+.,.,·*@=@@:·:@*·%··@@%@%··+=#:.·:@.-*%-·,,:=#-*@·:·.%=·@,@#=·@*-·=+=%@@@@#·--.+*=-*#.#·%.·%·@@#.==:%#·=·@#% -,+:·@,@%@@@.%@.@*··++@+#,.·@-#*.-·-%·*.#@@,%@@,@,.+*·@*+-:@=%=·#*@.+@·@@*@+*.@%.@++@#@++%@.@·#@-·#·@@@@:,..,.-+·#%=.*@· ,.·#@@%%#.+@@·%-··=.@+,*@-==@*.@-.·@@.*=@@##··*:··@.,=·@#@-@+·@*=·#*·@,*@.·-@@·@.%-·-*···@+,%@#=,#·=@·:%@*.#:·-#-·%+·.@@ @,+@,#@.@+@#%=··@##,%=·+*@-@=*#,%@++%%.#·%-,#@@·@.,##-+*@··*--@@+@·@=,**@#@+,·%,@=*#--@.:#:@@.=@#%*=··%=*·,+@%+@+.@·.%+, ···#@···%·.:*#=%%*@.·=%:-,*=@@·@*·@*·:@@·*#@@,@+@..·,+·=@=::#@+,@@@.··.@@%-@+,%%:·@@,%··=..··@@:.%.+·#%,.@.@##*,*·.%@-·· ·,=%@··+.·@*,%:%%*=·,.%,%@#@@·%%.·@·@.:%.%·@*+··@,@··.:+-·#+··#+,@·**·%#·,·.·##-@+@=·@+,·@=·:@.+@···@,%*#@··+·##-:=·%+·% ·@·+,@#@@··+-·==@.@.#·+.*%+.#%+@#.:+=%#-@···=,%%-*-=@=%#@,···.·,·@#,@=-:·.@·@#@·%·@-+,+.,%,-@#...%.:*··:@*+·@=@·*·%:·*:. +@,,@#%+#.@·%···@=#=.·%·=@·,@#·,%,.:%·:.*·@#-%@:·@@#@%%@:-.@-·.*···%,·-·:+,+,-+·@··@·--.@,·*@*##=*·,%=,.@#@@,@@:++·..:,. @.-·=,.-%.@.=,·,@-,·==.@@:#*·:.@.·:+··=@@%-·*%·..+·.@··:-++@·:*··%·%-@@··*:=@·.-+.%:@+--@·@@*+·=:#·+·,##%:,%.,+%·-.@=,·:
// preview
.tsx
AMC Marketing
Live
amc-marketing.tsx 3 deps 2024
projects / cryptocurrency-tools / pick-your-crypto.tsx

Pick Your Crypto

Cryptocurrency comparison platform with real-time price tracking.

Cryptocurrency comparison platform for analyzing and comparing different cryptocurrencies. Single-page app with live market data visualization and side-by-side coin comparison.

YEAR
2024
ROLE
Frontend Development
STATUS
Live
ReactVite
LIVE https://pickyourcrypto.netlify.app/ ↗
FEATURES
  • Cryptocurrency comparison tools
  • Real-time price tracking
  • Market data visualization
  • Coin comparison matrix
  • Search and filter functionality
  • Responsive SPA built with Vite
@,==:=#@-*·.%%*··@··.·,=·%@=·@@@@·-*@@:+·+*·+·:##+,%@,·,*·%··#@@@,,,@.@%@.@@.,·*.#@--·.:@.·.#*@:*+=@.·@%·-,@·%@,-@·-·.·= .·*·@,@+*·@,+@:%+#:·@%,@@=@.,#@-.,·@*@..*@%=+@@,%-@+#.@:·=#%:+··#%+@*@@#%%·*·%·@·:···@@@-@@@-@*@*-.*·#%@*,·····*·.+:·+·@ @@@-.*,·##,@.:#·@*·#:*%··.=,·=..=@,.·@%+·@%.@-%·*#:·@#==*%-,@,···@····..··.+%@*·*@%*···%·#·@#+%---*·#-··.@-,@:·@=·@@=·#· @,#=@::@·@-·#@@,*·*=%%.@#@.,@@,@··=-%·@:@··@··%@,·*.:*@**··-%·#@#·:··@,*@%*,--·.·.@@@*:·:·.:#%+@#@@:··,,,+·@·@·=*@·:%.@# -=:·..*#,.--.:-,,*#:%@+·@*@#@,@%@.#*·+%@=*%·*@=-,=@·:#·@@:·=.,·@*=@..#:=,*··%:##@@-@*···@+@@#+#@=@#,@··+%=+%·@·-.·%:·+:- ·*,+-·.·+@##.=,*%·@,@%.,·@+·@,=@:#%·.:=%#·,:·@+@*@+·.@·-@*@+··:,@%++-:-.%@.%@·#%··@,@#*·%@##%·%@·%.@·@#.·#%#·@··*+@*%%:+ -@+,@.···*%:-%%#:@-,@,*·#·.*#%·%@*+··.,··=,%+@@===##.@=@@*·*..#-=*·#@+--·-%·@,=:·@%=.:@·.+···::,·#@#.*=#,+=·-@@@+·*+==@# %*,+**=-·%#:%#+·.@@·%*·@#·-#·*@·+.···:.%.@=%+,@+:+:%@-%@*·+·-··=·=#%#.+·,%%#:,·*@@··@@*#.*.@*·#*:-.+=.·**.:·@%++=@:·%%·- ·@@+*+%=++·+=@+%@,·.@.+-.,-:%*#·+@:·*,@·#=%@·@+%·:@%@..*.,@%.·+%.*·%·+-·%.@@*·,%,@%,··@@·#··-.#++-=#.#-·@,···+@%%%-%,*·+ -.·,+%,%@:=·*:@·-@:·%*+@.,+@.··+@·,·+%·=%=%-.*#@##-%%@,·-%:.,,.=,,·.·+·-·*%%·-=:#@··:*:+=,.-·%.@=@.·%*@%·=.%@,**:::%,·=. @@#@.=@·-@:.@=·,=-%-=.=·+@@·-.··-=·-%@#%*.,@··@,·,#...@-@@:+%·@#%,:%@:@·@%@,@··@%@%+·.@,···,.#%,#@-.@*·@+:@%%@#··*.@·#-, :@+@%+@@,,:*·.@@·.*@,--%@.·=.*@..·@:-@@*=#·%@%··%=·.*%%·-#+··%@#·:·-·,#@#.@·#@,+=*,=,*#·@@,*#%#@,@·*,-#%%@,=++,@@:.·%.,· @,,.·@#*.*·-+·-.+%.@+:@··.#@.=·@#:·@@%*=.-·*,@@@:·-@@::+--*,%-·*··,=@.-@%@,.+@.@·@@:@::··:·.#-%:··@@**·=.@##.@%·@,.·+=@@ -=@%-=.,@%:·:%:=:·.*@=@.··-..*:#,·*%·=+-=·.-*,+%+%=,#·**@-@:.@,:·..,#:@.·@:·+*.:=·=:+%=:*,*+=·@.@.=%@·@.-#*·,.=··+%@=++* +:#=%@#@+*#=+.@:@@:@=,@...@··-@%:·.+@##..@%.·#%@*··-+@·:,@-@@@·.*:-=%·.%,@%@·@..*%@···-@+·@··@·@@@%,.%:·=%·@:*·=·#@*:·=# +@·@:@@:#-=@.%····.@·.-+·-=@@*,-==-=*,*,·,·*..·%@+·#@···#-*··@·:@.@.@+.·+-.-··@-@·%+.+·%@.=@%+%·+*·%*@@@.@@:=:,%·:=·*,@+ %·*·:*%,,·@#+,%:+·@#%.···,,@=@:@@·@:+·#··#+,@@,.*@%:.@·#:#*-#-·**,@.@.·,#.@-@@@,@·=*,=.%,··@@-%·%,@@,:-,:@·+--·*%.@,.·@. ,@·-,=*#-:@.%=·.**.·-@@.=...*=·@·,:@·*-,#·.@,*%.@,,·%%.·+.@,#··,%#@,·*++,@*·@,@=+,·:#@··,#:·#..@*:@%@··@@,*#·+·-·+·,++%=
// preview
.tsx
Pick Your Crypto
Live
pick-your-crypto.tsx 2 deps 2024
projects / development-tools / vue-starter-pack.vue

Vue Starter Pack

Modern Vue 3 starter with best practices pre-configured.

Modern Vue.js 3 starter template with best practices and essential features pre-configured — Composition API, Pinia, Router 4, TS, Vite, Tailwind, Vitest.

YEAR
2023
ROLE
Template Creation
STATUS
Live
Vue.js 3VitePiniaVue RouterTypeScript
LIVE https://vue-starter-pack.netlify.app/ ↗
FEATURES
  • Vue 3 Composition API setup
  • Pinia state management integration
  • Vue Router 4 configuration
  • TypeScript support
  • Vite build tool configuration
  • ESLint and Prettier pre-configured
  • Tailwind CSS integration
  • Component library structure
  • API service layer architecture
  • Environment variables setup
  • Hot module replacement (HMR)
  • Production build optimization
  • Code splitting strategy
  • Vuex alternative with Pinia
  • Authentication guard examples
  • Reusable composables
  • Unit testing setup (Vitest)
  • Form validation patterns
#%%%·@@·@·@+-·*@*%%·%·**+:.··.@···##@·++@%#:*#%,..+·%@:=%·,.@·:*+.@-.,%%=@@*·..,%,*·+@:.#@==·,@,:=.,.··*@·.=-·,@+@-·:*:, %·=·#%·=+##*@%#.+·++:,·%@=·@#%%#=:%-+.#,:,=,···@·.:·#-*+#*@%*,+%@-%+··%#@**.%·*·%·,,=··.%·.--@*@=@=%·#,:#:.,,+*@·%@-**.- ··=·==@#=@+@·+·@#·=%,@=···:.*@:+#-·@@#-*.@.%@-@@·.@%+@@+·.@#+··-#..·-,.%-*@.#@*.:+,-%:·::%·*@@++,@.%##·.:··-@*-·#@=@:@·· #.:-·@%:·+%@#-@-=.%@.,+.·-*@@··=*,#@@.-=#-=,:+-%@+-·-,·.#:*·,.+%#@.=···*#+*.·*,@.@=@#··%····*#*+#+#:··-@%-·+:·@**·,#*+,= **·*··.:.·,·@:%@,++%%+-·@@.··-@--,+%.,@.,··:··#·*·.+@,@@#*:#@@:*#.·@.=@@,-,+,·:@@:@%=%@%@+.@*·@·@@@·.,*+@+*+·++@%@@#:·@, *%@@#··@@··*,@*+,·@#%@++··,@@@@%%-*·,*:@@*#:****··*-=··+@@#@**@::#,:·#·==-%#+++··@··=:.:@-.*#·.=·-+@#·.:@·%-:@:@:·*:*=·@ +,:%#*.+·-@@@@·*-=·*-*-*·:@%-@:·-+··.,.#*:%%+%,#@%·@@@:@%@·%%-+.,·@@=·@*·@.·=#%*=*%·@=··=,=··@=·=·%·@.#=#·*·=@%·@@*:@,@· ,##-·+-*#·-+·+@@%·-%-%·+·%==@:.+-,@.-,@*·@@·=·@·%@#@#@@··,@·*·:,··@.,.+%%##=#:·.-#@%#.-.@*#@.@@,#@*·=·:@·%:+%==%%,:+#:.@ =:*@·@@=·,@@+@#@·%·*=*@·@+.@:·#··@-*@.@@-=-@#@=+@+.,·%%@-+#·.%··+··%·,:,·*@=,,+@:·%=@@·*@@·%%##*.###·=:,=.,*-,-,::*.,##@ ·.%*.,-··*·%#··+-@-=*@=.@.·+@,+@@@@@·-=.·,#=:@%@%,+-#=,@+%%·=.·.@@@*·:##:+..,·=·,=+@+*·@·@++%·.-··@+@·.·.*@+=,.*:.·,···% ·*-%%++=,#@@@+#%@.*·%--·%-#,@·@.%=@·-···###,@**=.@.,====@%@+%-,:·#@++%*·#@··+,=@,-+··,@@*·+*:,=+..-.%#·.@:%:@+=.@@,····. @·*.=··@,@*:=·@@+,.@··.··.*·#.-··*%=-·+.+,@@:@·@:·%·@.·@,#+#:@.@:*.@%@*·@=#@·:@·#··@+·::==-=#:·:·:·%%@+%·@#@@@#-·-@+-.·· ,@%@@**#-@--%=·*·=-:..:@%+=@·@@·-,,%·=**%.@@.@@*:,%.+%@@.::*=@-·,@=.##·%:·*··#··=+@@@·=+%*+@-·%.+*·.*,.*@@@@+%%%@.*@=·@. -@#·*@*.·@*·..@#·%@*··+#,·*@*@%+.·@+@···,·-*=#+@#::·,@@@=·..@@*·,·+=·+*#··,#,.%=·,.%:·=·#·*..@%·@@%#=@·@-.@-@·:*·,@·:-:, @···@-·*·@@.:·*@·@--.·#,++=@@@,·-·@%.-*.·#%:#+@·=@-*%#+.@··%····+@@%@=··%+--=·=:@#,+,·*@=*=%·@··+@,@,+@·@%,#@·%,@:·@-::. ##,·@@+·:*.:%*=.·@,·%·=·%@·**@·@#@·#.*:%·-.@.·+.*%%,*%·,=@..@%@+,%*@.+#···.·:@+...@,··,@%@%*+*·%:-@+·=@%*#*+%:%·--,·##-· @,##+·:-*·=····*-*#=@#%*-:#.%·%@*=@@.%#=+**-·*··,=%@%@@.·.+*-@@@··##=*@@·-@=@.,·@#,*@,.%#+@%·=·**@·@%.--@*,-·.@=:#::%.=· :%.,@@@+-:=*·.·%%@,=@@%.=@.····#,*··++.··@%--··:-#·:-@·*+*=-%++··%@#,@.·@@=·=.-@.,+-%*·@:-#.%*#@.,@.·,**@··@@#,#@@.+@%@-
// preview
.vue
Vue Starter Pack
Live
vue-starter-pack.vue 5 deps 2023
projects / development-tools / pagespeed-web.tsx

PageSpeed Web

Google PageSpeed Insights clone for analyzing website performance.

Google PageSpeed Insights clone for analyzing website performance metrics — Core Web Vitals, LCP/FID/CLS, resource breakdown and actionable optimization tips.

YEAR
2024
ROLE
Frontend Development
STATUS
Live
ReactJavaScript
LIVE https://pagespeedweb.netlify.app/ ↗
FEATURES
  • Website performance analysis
  • PageSpeed score calculation
  • Mobile and desktop testing
  • Core Web Vitals metrics
  • Performance optimization suggestions
  • LCP, FID, CLS measurements
  • Load time analysis
  • Resource size breakdown
  • Image optimization recommendations
  • JavaScript performance analysis
  • Clean UI mimicking Google PSI
  • URL input and validation
  • Detailed performance reports
  • API integration for analysis
#·%··-@:.@,,.%-=@%@·@,=:.·*·,@:·=#++::@#.··#%=#*:+.@*-.···@:·.+@.@·-@@,···+:..%@@%@.:#+@-...=:+.@:@.··@@···:·*@#.+:=-.@- =%·+%·-.@*:.%=*·@.+·+:+-*@-#:#@-·.-@+:=@@#@%··@=.··,*+·=@@.%··@·*#,*+.#,@=#.*%#*.-%:-.*+···+-·*%:+@-=%*+@=·.+-=%*#*#@@%@ .,@@·%=*@%##*@*,+%+@-·@++··@·.-*@·-@#·*·%=·+@#@=,*····**·#%-·@@·+*@*·@@@,=@·,%·**·@-@@-+@#··@%@%%,·.%+.,#:,#··%·%.@-·.·· =···@%··.*,:%*-,@=,·.:.··#=#··%@:%@@#@,*·.,%:..#@%·*+=%..+@%#@=·*#@,@.@%-**.@@·-·@+*=@@+-.%·..@-*.:*@+++@=+.@=@.·@.*+·@@ -@.,.@@-,@#@·,,·+=*=:···@+@·,@@.-.@+-=··.#@@%#@,@@=@@%·%:-@·-:@.·*=*%#:#·*+.%··%=%*@#,#@·@@#·:·@%@:#+%:·+@%-#+·=.##·%··% ·:·%:·=,%·.+%.@:@#·.#··-%.·:-=+·=-@·%+@.%@+@.%@@,,@@,::#*=·@%·=.·###.@+@·@@,·-@·@·..-:@%=,@.*·-%@,·@.+··@.*·@+,..%@··:.+ -@-@-.:=·%@.*@@··*%:·.·@=·++@@=:@,.@+@+·:.@·@%@·-+,:,·+-=.%*+=#*.:.·@+@=*@@.:%*-:#.=:*.@%%=@=@·:,*=*,%+%.@@·,@+@==*,+:·@ @@.*.··,%·,.+@==-·==·.@·:=*#*+:*+··#@..,@·*=:·+@:#=#*%:·:=@%+%·-··%@·*:·.+%+%-%*.%,%@*=@.*@@@,@%=#-.@@-=.-@@-%:·@,··%.*= +.:..=@+##,@=%@@.@*·@.#**,%·*%-·-,##·.··=%@::%@@-+·@*@·%:-.·.**=@%@··,.@,·-·@=·%%@@··*.·#.,·*:·@,+··,=*-·*,@·==@@*%:.*@% ··=%·@#,:-@#*-@.-,··-+··@·,@·+·=·*,.·%+*%·-.·%@··%=@@@.·=·:·*#*+-#=@@@**:@+,.=-:#*#@##.=,@*::·.*#·*#=+..=%@-@·.%%·@@··@· ·%@*-@:.·@.@+,-#·-·:..==+,·:=%%.@@@%%*%·..@=*·%=:@·@··#·=·@,%:,%·,@+,·@#-+*.·%·@.·@==++.@-:-·.,,@@-·#·@+@.+-+·@+#*+:·%:- ·#=:*·+:·#·%%@·*.@@·+,%-#%#%.%-@·=%:*%:·#+@·@*#·=·:@·%*·,·#=-:%-··@%-·.-*·=@.·@#@*#%····.@=+=+:-+·,#+:·:@%·%+%=,*@-#.:%@ **%@.·.@.·-%@··@+*#-·@@-*·*%@+*,·,-%@=,·#-@%@::@·-#,·:·%.···=:·#.%+@,·,%.+:@#=@@·,·,-@@,%=:@-@@@@.*+··.-*=@,*@·.-.%-:%,· :=:·@#%.@@*=@·,·@+:·+·:@:@%=*,@:@%,%=*=.,:-,·@*-+·,*:,=·@@·@·=.@:·*%*@@%-·,·+*%+.+=..·@@=@···#@--@@+·:,·#@·-·:·:@@.-*:,@ :*@@@·-·.·@-=·==*#*+=#@*,=@,@:*-@#*@::,·:@:.*·%=#.#:*·=·.,%·*··*·:@@·.*-@@,%++·,=@+==,@#-,%:·=-·.%-*:-%%*@+%·=#··,.,@.#· ·:#,@.@·@#:·-,-..%.·=+,#@@*++:@..@:#··%:=@*·@.*@@:@:.*#+·+-+@,·@%**@·@%@@%·@·:#@=%+.-@·%:@@·%@@@+@,@=+=:##·:##:,·#·*-··· ·%:@.-#@·,*=**@.+@%%%-#·,#==·*@=@+,@*@%:%--@.#:@:.@@,@·%·+···.*%@-@=··@·:*=@·:·.-,%*=,%##···==#@·@,#:*-,#·,=.,#:·@..:@·· ·-.+,,·%%:·@-#:···%·:*,--·.,#*·*@*#@,:::·:@::.@%+#%*·@+·%@.@=+=@@.@··@·:=@@:.-#--%-..,@+·%@:·*==.+·,#·=·@,+==,,·+·.@:%*,
// preview
.tsx
PageSpeed Web
Live
pagespeed-web.tsx 2 deps 2024
projects / e-commerce / aster-cosmetics-kosovo.php

Aster Cosmetics Kosovo

Albanian-language cosmetics e-commerce with 900+ products.

Albanian-language cosmetics and skincare e-commerce platform with extensive product categorization. WooCommerce-backed storefront with mobile-first checkout and a built-in skincare blog.

YEAR
2023
ROLE
Full Development
STATUS
Live
WordPressWooCommercePHP
LIVE https://astercosmetics-ks.com/ ↗
FEATURES
  • WooCommerce integration for product management
  • Multi-category product organization (900+ products)
  • Skincare products categorization by type and concern
  • Shopping cart and checkout system
  • Product search and filtering
  • Wishlist functionality
  • Blog with skincare advice and tips
  • Gift card system
  • Responsive design optimized for mobile shopping
  • Albanian language localization
  • Newsletter subscription
  • Brand-specific product pages
  • Image optimization with lazy loading
  • Social media integration
*@:,:.-·:%%@@@·,+*%.%@@%@@#::#@+#-@@%·-+%·@@%.·*@·=#-#:%*+.,=@%·@·@·@,@@-.-#@.:#·=@:··#··#·.··-,%,.@*··@@#·#@-%,%:*=--·* -·:@·=,#*%--%@#-@#=·@=:+#:*,@-@·.%@%@@:@*·*·*+·-,@.=-@#*@-@.·@@.·=#%@·@.-##%*:@··,.·#·@·:=@-.-·*:,#··.@+.,@@.@·*:@:@.·@- ,:.*··:+:@··#++·%@·@.-:@-.@·,%@·@@%@*@%@*%-*%:@,+.@@,·=-.@,.@,·:#%,@@*.*·%,=-=%·@=%·@·.@,·%·.*#+-#.··+%+@+,@·#@,·,·.#@@· -:+,.@·#+#:#*@·@···::#,--:@,+·+:=.**,,·.#-#@:@%·+@·.···*,,@+%·=#:·-=#·.··%@:@,:-@·@·#.%=·,,.%-.@·=+=·%,··@@.#.=-:·@@-·=· ·,@:+=@@·%%#,=%%#.:%.@.-@+·%.=-+#.*#-*@@.*@%@+@=···#,·@=%%=*@.@@@%%#*@%.·#··%..·*++@-@#:#=%·+·=@·--@··@.+=:**#=@·@@·@·,· +,*-.%-@,*#%@·#@@*@,:.,+%@%·,%,+-+@.·+=···%·=%,.#.**·:@+@@@-:=@-,@,-%@·-=+-*·**=*@·,*+=,+,===@@@·,*#%#,*@@·@,*.··=@.=·=. *·@-.@=@.··:,*·=##%=@·.:*@@%··#=@·%@=@##@:@·@···,·.%@··@%+=#-:=·#·::#=@.··*·#%:·%==#@#%+·:·@@·##:..**+,%,@@@=:,,,:·+#+@% #··=··*@:@,@#==·,·.-·,.@-%·:·#%··-..:@·@.·,@=+@=+*·:·,--@:@#%@:·%·##@@-@@·.···+.%-#%,:·@#*@#-%,-*:#%·**,:··@.*@·@,,@-:·# ,*:,-@+,.@%-==·@+.·%..+·@:@*::%+·@%·%.@%%.=-·+#·=++%.=..·-@.,@%-@.+.%:@+@·.@@@@#==%,,#·*···+@,·@@··*..:%%=%@=·@-++@·%-=: *=,:.,+-,%@.*=·.%-,=·.·*#:.+·.·@**·%.·@*@#%,*@+#%@%##-+.·@·+·.:@%.%*@*.=*.·,.·@.·%*@+·@@@·.·,#-#@:@*·@,@@*%@+-.=,@·,··** @%+=.··,:·@··@%=.--.#=#%:,:·*:%..:...-%,@*.#@@=·,*%+@@·+@=.##·@,%.:·+%%·@:,%@%,%,@.@:,*·+=*=-%.·.-@,:@@,.@-:@-,·@.%@:@.@ @@+:.%-·@%··%-··%#.*@#.:@@@.%@··#.+:.=@·#··@@·@·:+=@*·*%·::#,@.%·,:··:·@@@.@#··#%@:@·:-.%·@+@@+%@·-@·#@#@,%@·,·:%@=@·##· @+.@*:=@·@·@.-@·:.·,%:@:@@@@·#@#%*.·@·@*:·+·#·%#%·%.#·+··=+·=@@@=*@·=@===,:·@%:·%@+··+@*@+.*-·--·*@·@+..@·@-*@,%%=:,·.%@ *@@:=@@%:%·@:-:*::,:·*·--=@+#@@@+·@@·:@*··*@.@-@·=-=@··@#@.=.+=·,.·@.:@+##:.·@.·*·*::··@@-@+·.·.:+·@.@:-·:·@·%·%-%#,·@·% ,@*·+@,:·@%@·#-·-@+.@*·.@·,=.@%%+#·-=@·:*:.:%*.·:++@·**·.=%@+:+%#·%@-=*-·%*@#@··:,#-=@@·@·%#··=@%@@=%.@.+·@·@+=@=-@,::.% ·@%%@,.,..·@+@%+,.::-=@.·,+,%@.=+·@·%.·*-·%*-=··%=·:@%.,.*··-,%%#*--·.:+%@=.%%@%*%#·-@··:@@·@@+,-@·-·#@++·@·...*@.,@#:** ,%·=·*%=,=·+=@,.@.·.@·@,:%=.@@=**·:#:@#·#.#@+@+@##.#@·@··#+@-,:·@-@%-·:.%:.@:@%#@,:,-,:**#:#·@··.·:@·@·.@··@·-=@=·+#·,*· -·@#-@%-·-*.++··@@·+@@@:=@=@@@@@@,@@#:··:@.#*.+,@+@*·%=+·@@*@@@,:#@,··+.#-=#*.%.=@·,%:,+=%=·=·-@%@+:-@#.·:@#,-*,:@·,··@.
// preview
.php
Aster Cosmetics Kosovo
Live
aster-cosmetics-kosovo.php 3 deps 2023
projects / event-management / the-different-perspective.php

The Different Perspective

QR-based event management with point accumulation for attendees.

QR code-based event management system with point accumulation for attendees. Laravel backend with a Vue reactive frontend, role-based auth and live point allocation per event.

YEAR
2023
ROLE
Full-Stack Development
STATUS
Live
LaravelVue.jsPHPMySQL
LIVE https://thedifferentperspective.org/login ↗
FEATURES
  • Admin event creation and management
  • Dynamic QR code generation per event
  • QR code scanning for attendance tracking
  • Point-based reward system
  • Event scheduling with start/end dates
  • User authentication (admin/regular user roles)
  • Point allocation configuration per event
  • Real-time point accumulation
  • User dashboard for tracking earned points
  • Event history and analytics
  • Laravel backend API
  • Vue.js reactive frontend
  • Database-driven event management
  • Secure QR code validation
*#-@·:=@:#%@·#*,=·@.@..%.%@·++·@.@:·*·+@··@·+%·@*·+#·*·+%=*,·#@·*=·#==·#@··.·-:+·-·#=-,%+,.·**@-,@-%,@#+..=%.@,@·@*··.·@ %··@,%@*@*:%·,%*··%@-·@==-@@@·-%+··%.-.·*:·=:+@:@·.*:·.@#*,::.@%*+#@@#@:·#····%#+@-*.*.*@·:.··,·,*-@:.,-:·@:-+%-.=%@-*:% ·.#..@··+·:%@-%=·@*@,··#·@·@:*@-:-*-.,=:-,·-+#@@*:@%--*-·@--+-·=%@*:@+#@·.,··#.··@·-*=*%:*:@:@*·::#@·##%@@·@+@.·=#·@@-@@ @*-·-%==·,:%#@,.@*-··@#@@+-·.·#%+@%·*@%,·*-·=%·%%,:+=·=*.,@:·%.+@:::@·#,·%.,-,··@··==@,=@.+,@·@+.-,=@·@*=%,··:.·**##·.:· ,..:=@=#·@*-,·-@%=,%,:@%·%=@·%==·,-·@·@·*,#,=·.·=·+-@*.@·=:·@··..=-#·.··:·@.%@*-@·:·:,#-,@%·%·=.#.@@····,·@%#··@·@-+·,:· +%@*::,%:··:.*#,@@.·@··@,@·@-@@=··%.++·+·##@=·%,#·@@=-@+@#@@*-+@**=+:%@#*·%*%·+*:@·*@-##@@,%@·+@@%@·-·,%-.##-·*@+%*.·::@ *#%%··:-@·.·,@+#·.,:·+.%,:%-@··+·@:#@+,#+·@.=@@·%,.*@-*@,·%·-#·+--+@#,·-=:*#···@.,%:@·--:#@=*%:,@@=@@-··*@,%=+%*··,@%%+@ @.@·+=+·@.##·%.=·=@,.@%:·#·-+*+·=@%.@@,,+**,+:,*::+·*@@*@.@%#,@@*#,%@*:*%%,,@+@@*.-+,,·.··=··:.,,:@=:..=:=·-*%@=@#@:,,@· :·@,,··=*·#·=,@*##@#%@%@@,:···##··.@+·=%@·@#%#@-@·,=@@#·@@%@·:.·@··#··@=-·,=·#%.+@*·*#+··--*@=+:,·@·**@-%·-#*·%·@@·%·:+. =:.-,--=-·@@,=-@@·@.+,-,..@.:.-%,@*#--@::·@.=@-+·+-@@·+%==+,:.,:@@-:@-·@%@@·%·+#+-%@+····:@=·=#%·.%..%,,%·%*-*·#·+=+-.=, @--::.=#··-···##·*-·#.·+@·····.@,@·@:*#.,·@·%:%++-.·@.:@*-%=@·%@@%:+*%·%@@·:.+,@·%.,.··@·--%##=*.@@@,:·=*:@,@@*=@@:@=,=- @,.·%*@··,··#,··-@==%·@,@@.=·@·@·@@@-·@@+@*.##+-@·+·+:·#:.#@@,@@·@=#:·+%·····@@.@@@:@,@@·:%-=.·*+=·@@.*:·@+··,@*·#%=@··· +*=,:@@=··:.@@·.··@··%@+····,*#-+#·#·-@·.*,.+@#,:..,·,+%.=-·+·*·#:·*@:·%,.·+-#@:%+=@@#:#@·=:#@#·@@··+·-+·@*#@·*@.·@,#+·· +@%+@·%·,··:·%,:-%·@:@,,=+.,*@,+:+#%-#@·+··.·.,+@*.@·+·%:@·,-@=:=@@·*@%@@·%@#*·#.·.-.@··@@@%-@.:@**·@#,@·:@@@@-%,-,·:-@* @·+,%-#,=@,·,·,%#,.·@=:@+·+@,,@.@·@·@@##·@.@%=..==·@@·,:##*-+=·=.@,#@*@=-**=@··#@·%,@@-·@·@@-··#:%,%@:·@%%·+·@-@@@.@#+.· @·@@#%%@-··%%.@:*%@@@#-·%..@@%@*.@#@%##.@··@*@##@+%+#:··.@·#-:@@·.-·%@·@+@#···=··@·.·*%%=·-*-%:#@*-··-@#=@-*:-@=·-@···%= .%@*:,=,·.··-:--···+.#,+=@,@++-@@@=#=.·*.*·*,@·--+%%·:@·#@#··@-+,%·@·+:*-@:@@:*·*··++··#%,.··-@·@=.+=+@=#·:.·@:·#*.,:%@· ..%.·*.,,@-·,·,@#@·@..,%.#+=#@·,%%-.-:-#*@,=%-#,%%·@·=··.··@.=%@@·@@=@#%·#:·=+:=%·:@*#%··@%@=*#@··%:=@,#.%··:*,@%.·*·:%+
// preview
.php
The Different Perspective
Live
the-different-perspective.php 4 deps 2023
projects / gaming-analytics / faceit-metrics.tsx

FACEIT Metrics

CS2 player statistics and rankings for FACEIT players.

CS2 player statistics and rankings platform for FACEIT players with comprehensive match analytics. Dual-platform architecture — Next.js public site + Angular dashboard.

YEAR
2024
ROLE
Full-Stack Development
STATUS
Live
Next.jsAngular
LIVE https://www.faceitmetrics.com/ ↗
FEATURES
  • Real-time CS2 player statistics tracking
  • ELO rating monitoring and visualization
  • Match history with detailed breakdowns
  • Player rankings and leaderboards
  • Performance analytics (K/D, HS%, win rate)
  • Teammate comparison tools
  • Map performance breakdowns
  • Profile search functionality
  • Dual platform architecture (Next.js + Angular)
@@·@:··@·..@,.@=·@#%@*%:@.-@:+*#@:%,@-+#···++#·=-@:,+,+·@·,@·=···*@+#.·=··%@@=.+··.@@@.,*+@+@#:%+%-%.#==@=#@,··+,,.@-··# :%-#·.,#:·,@-·*·,·@·@#%=.@#@,%**·#.@·%··%=·:=·*·=-#·@%:+·@%::.-·%··%··%=@#,··.=.··@-·=·@··,+*,%.-@··:@%@@.@:·*@%·%:··@.% @-=@%.+,.#·*-·,.+·.*·#@@#@.*+@.·%.@.@*:·+·-@@%.·=.*@-,.,.+::···@·@··-,-*@·-@=@*·@#.,.@%@·,%::@,@@.@,*%·@@@*+#@%@·+-+*,.* @-,+:@#·%*@:=·*.·*#@·@@··:@*,,*·%=%@*.·-+@**·.-.%@·*@#@··@-·····*+:=.:=,·:·*·#-%@%,#.@@:-+@-@,*,%##.#+@-@@%:#·=@@*@@··@· @·.:@:%@#·@=.=%··*·%+@:%,·.·+@%·*·*@#--@·@,#@@·#@*@*·:.#@,@#-,*·@-*·#+.+·%.,@@*#-#··,:·@%%,·@@·@,::·,#@##+······%,=-.-@· *=-···,+@@@#@+%+··..,.·@#-,:%#@*.:#-·=*.+%··%+#+:.·,·@*%#·#%:.,·,@%:@+.·@,:,·,@·%*=%@*.*+*@%,.@@@@%·@·#%%@@@@.=·.%%#,@·. ·@-·%*·.,%@=,-··@·+-@@··#%+#@@,-@=+@+··@=+#.·%..@=*#@=.=@@#.··@#.#··@+,@:##%:@%#*-@,@*==#*#*@·%%+,%%-,#·-·@@·-·@·:@:@-:· *·%@·@·@·%%:*=#@·#+-@@%@=,·:=@#·#-@*@·+:..#+=@%·%.·#@+@+,:·+@#=@·%@=.·:·:···%:@-.***@:#:%@··,@@+·#,·-·@,#·-#=.@-@*@·#·=· -·=#·**·@*=##-:=#%,%@,.::@.-+++,,@@%#··.:-+.:@.·%+@@%%,%#·@@*@#.:.@,-·%.-#----,%#,+%:·+#-*#··@@+·@:*@-%@@·+·.+*·:.-#.+*@ =@·..+#%=,@-·,=#=@·,···-,#,.@=.@*=@#·:#.%·#.+·*@,@·@:·@@+·,*·#·#=.+#%@·*·@-.-,,,.*·=@.#-*:+@.,++::,*.+=·@@.·=:.#+-@@.##% .*·%#.··##+·@@,:@.#=:··,,*#:::@.#**·@-%,##,=@@.@·-.+...#@*,··@@::-,@-#%@*@@%*:+.*+.@,-:+@·#@@··+@.+@@@.@@-:+@-·@*@-·,.+* +%#%@=··@-·@@-+·=-==·@@·@@,:·.,@@·@@+*,@·:#%@·@·*.*:=··@:,+@..@@·@+:-.·-·-:@++@#-@··:·@@:+,@.#*.@#%+@@·*·+@%-*.+%·=#*@·. ·*..*@.*=@%@.=,.*.·-·:#%·+·%#.:...=·.+:.·:=@.%*:-:··.,·*-·=%.·%+##:@=+·#-+=.#-:··@%,@·#@@@··.=@-@:···@-%-,:@.%@.=%#:#-+% @·@**@=@,+,+#*.*-@@@@#*@#==,#-=.#@:.@*.,@·::.#..-·=·.*#@%:·@=·-@%#-·=·.·#·#+@=.#.@,··@:+=@,·,.%@·.=@#@·#%@·#+·%.@%#=.·-+ *:#·@,%+=-·.·=-·%*.@·:*@:#=·=@@+#···@*:·#··.@=-.·==+%+=#=*%@·+-:#··.,-*:.@**%@··@+·#··+#.@··.%·-%=@,=@@·+@·*@:,·@··#%·*@ .#·%·#@.@@·*%@:·*%·@@,:@@%+@.*=-···+=::.@+@-+=+@*:@:@::+.@+@*@#+··%+=-@#@%=@.@+:=·+:*·@=+#=%··@*,*@=%#.@%.%·%.@@··,,@··@ -,=@@-@-·=+@*·*+%*··*%+%··**·%**@.@@=··#·=@:@,·*:-··-@*%·@%·%#,@.#%@··@=:,@=.··*+:·@=.%·*··:%·#.@+@,#=,-··%.·#-*#.··..·@ ++:%:+@,#%#·@·@*·*··,·-··@**@@%*····:::·%@·@#·@=···@·%%@.#:-+··:·#.·#.·:-+·@,··:·,+-@·::·@%@.-:*··+@:·#@··.:@·..#-·@+@,%
// preview
.tsx
FACEIT Metrics
Live
faceit-metrics.tsx 2 deps 2024
projects / gaming-analytics / valorant-tracker.tsx

Valorant Tracker

Comprehensive Valorant stats tracker with agent analytics.

Comprehensive Valorant player statistics tracker with match history and agent analytics. Riot API-integrated React app with map- and agent-level breakdowns.

YEAR
2024
ROLE
Frontend Development
STATUS
Live
ReactJavaScript
LIVE https://valoranttracker.netlify.app/ ↗
FEATURES
  • Real-time player stats tracking
  • Match history with detailed breakdowns
  • Agent-specific performance analytics
  • Win/loss ratio visualization
  • K/D ratio tracking
  • Rank progression monitoring
  • Recent matches display
  • Player search functionality
  • Competitive match analysis
  • Map-specific statistics
  • Agent usage statistics
  • Performance graphs and charts
  • Integration with Riot API
  • Responsive design for mobile viewing
.%·#.=,%@@%@·@#·@.:.·*:-·@·::*:%..·:@#:·%@,#,:·@@#.#%@+@·=+%·@@..·@@++·*%+·@@=-·:*····@.,.·%+#@@@,=+,·*=---=*,··#-.,-·%: ·=.#@·@.@··-:.-·@%.%@%.--+@@,·@·@+,%·*·#:.@-.,,-··**·%.·@:.·*%@#*+@+:#·,:,.%+,·*..--·%%,,-@#*.*..%.·%-+*:·-@-*@·%:%·=.@· @@%-+:@,·*-·%:,··:@*@,@@·@=#%.*@*@@@=.·*:··@@*·##%·*-%+.%-=**@@*.#+@%@.:,=.·-·*=,=:··%=**#=·+.=·%#-@·@,*:@.@··.=·+·*=-#· @,···#,=@.·@**%@:@*@:=%,-@@+*··%@:*,+:@:%%.,@@@,···,@*·,@.·.%..@.@····@+#*·+-@@+@%:==@:#.@·*@.::#%.*%%*@·@=@*··@-@@*··@% @·@@·:%@@·#,*.=%·*-·,,%+:*@%#=·+@-@%+.··-·@@@·*@%%%%@=@%:@-##=·@=*@,·-·%:.%:·%·#*·.%#@@%,#+··.@=,-··#%.=#@,+·-@:%·%@+*#% +@#-·.·*%.-·=·*··*,@·%·:@@···@·%··@*%.@·,@%*+%·,*·%@,*%%@:+.·:·=@,-=%,%.*+=%-@···%@@@*@#.%,.+.@*.,.@*---@@·**.@#.*@%++@* .@%·=.·@.#*:+.,@··%·+·@%·.+·.·.=@.,=@,*.@@:····@,@,.--·.*=-.-*=@=%,#:#:*,@@..··#@·:,@@#·@%@#=.@·%@·-.#@%+·@·@@+.@+:.-·%, :%@,#·%@+..·.:@·*:=·,%%-*@=,+@**·,,·.%.%·+@·@@@::.,@@.·@+,%,=.·=@*=,+#@.,@%·:.:%@@@@%··-.-·@=+,@%+·#-%.%@·-.·@,·@,@@:*@· @--@+·%@%%.*·@%@:#·:@%@··+=··*@··@·@**#@@,#@%·%:@=+*@:@-%@:%#-:+·@%%=,*:@.=.@+·,*@,·#..·@:%@@*#:·%@,-·····++@%·+.·,·*·@· @..·%@.@·-@@@+@=%%%##.·%·+,@@··#·+#.@····,,.+··*·@,·*@-#@%*.,.·=·@%#,.·.,%,-·.:#·@+@+.·,·-·:·@.#.,@%.@,@,%·**%·,%#,.,%@- ,%··-,·#+@·@:@%%-=@@.@+#·..+@:····*,:,·=@%@=%@.-:@@@=@@@=+##,:@·,%·@*·,·@*.%%%:#%*,·,#%@+·-::=..#-@=%@@+-@%#@·*@:·+@,=+, @+=:-*%%.*@·=@.=:#:=#@@**=%@%:,,=%@#=*·@#@:·*=·*@.-·,··%-·,.·@@@-@·.,*:=-,+#@%·*@@+@@%·+,.·#+=%*:+=·.*:·.@#@,:··+*·@%@@. *@*+-,·.@+*·@.-*--*·-·@.#*#·@@@·@%·@@@:+@@·@:·=#,=.-%+·-+=*-@%,=·%@%##··,@··:@+·:@%@**+@--·-=,:*#=.@+#@@.@:@=,**··.=#,+· -=*:#@*@-·+=*,···*·+,·.#:.=@@@.,-%·:%%.#%+·@@@·%@.@@·@*@.%#,%.·@*+=@##@@@·#@*,@@·+@,*·:@@=:.%·@@.:==,+%*··,-=@@:·#·*,+:+ **·,+·@:+:@.,:*@,#+,+#-**+·:.=*@@@··@@:+###=+=*·@%%·-#,·%,+·.#@·-@@.@-*:·:@,@.@@@··::*@@:@@:@*·.-%:%#=%@@*·*,.·-..·%.=@. =@.@%,·#@@@-·#**@..+*·.:·@%,#·@=+@=·%@.*··*:*·-@·#·..,·,·@@%@:,%#=.%#+*%@·%@%+·#·.@--·@@*#@@=·:%*+.=@:,@*·,·*-*@.@·-,·@. *@:··+@·*-@+#:@%#.%*@%·=:#+@@=.,@#@:*.*=+@··**@#·@·@@@.%·%-#.··@#·=+·%@...·,%*·%.@,@·%%··+=+%·*+·#%*@@·@·@,=@.·*·%@-·-@@ +,·=+···+..*·::@%@@.·##-·@.@#+·%.·@.-+@-*·*@.:@-=#@=··*:.%·@@.·%@++@,.%*#*+=,%.%%-,#·,.,.·%*··%@,#:%.=%·*·=@@.·=%=#@@+:#
// preview
.tsx
Valorant Tracker
Live
valorant-tracker.tsx 2 deps 2024
projects / gaming-analytics / elotracker.tsx

EloTracker

iOS app for FACEIT CS2 player stats and ELO progression.

iOS mobile app for tracking FACEIT CS2 player statistics and ELO progression. Built with React Native + Expo, shipped on the App Store with no-login player search.

YEAR
2025
ROLE
Mobile Development
STATUS
Live — App Store
React NativeExpoJavaScript
LIVE https://apps.apple.com/us/app/elotracker/id6744248552 ↗
FEATURES
  • Native iOS experience with React Native
  • Detailed match history tracking
  • ELO rating visualization with graphs
  • Map performance breakdowns
  • K/D ratio, headshot percentage, win rate stats
  • Real-time stat updates after matches
  • Player search functionality
  • Level progression tracking
  • Teammate comparison tools
  • Performance trends analysis
  • No login required - search any FACEIT player
  • Clean mobile-optimized interface
  • Offline data caching
  • Push notifications for match updates
  • Dark mode support
  • Expo managed workflow
  • Cross-platform codebase potential
@@·%+=@++@·-+@=,#@@,@%-:%@@·%,:*··+@·*@-*%%·.##@=#@·,··@-:,,--,@@#.·@@,···@#,%.=:,,@@=@@*-+@·@,@:%,**,%:@*@·:,@,-.=%,:·@ :.@.,·:·#@*@@#·,.=-.@=%·-%·*·+.··#-,·@·#*-:..@*.@=%**@·%+#-+.@*%#·@·%.··@*,--@+·%·@%@.@.·:····,=#@+:·.:,.@-=#.@=.*···#·· @@··##:=-:%@,%%.%@··,.·=@#*··@·@,·..*:·@··#*,·+%@·%@=:,·#:==@.@#@+··.@-·,=@·==.@@#··.@·@@,%·@*-·@*·*@-*=%·-.@%:-,·=#@@., ··#..%-@,+%·*·.@·@#@@@+.*·--%.:::,,@@.·-#.-·=,..,@@=@·@+@%*=@··%·%%##@@=@%+@*·@.@%·%+.:%%%-:,=+%@-@.:···.@=:.,%:@:+@.@@% +@@:@=-·.-+·@=.+,%,:·=:@@%@·@.#.#@%*%*%-#:%.#@@+··*-%%=+++·@%@.@-@@@.@#*·==#@,%:+=#=@=*@#+:-·%@@·,@%=·@:.@%·@#.@-@@:.,=, %@#@·@:·:@.+##-:@·=:@:**:+·.··%·:@:·@%#@%.@#*+@=@,@@=@-@+@=-@+··,·#.=#·@@·#·@,···+@*·*·,··@+@·*:··:*.·@·#*=-·=@-·.%%@,·: @·.-**-%·..@%·-,@@-%%·#*#·%@#:=·::@@+%···,@··#.*·+@·+@·.#@:%=@*·,#.%#·=+-·%@##-·=*+:,#%,#*:,@=:..*.##@,·@+·%·@@@+%#::@·: #.@**=:·+-%,+·*,@····.,%@,·*·@,%-@:.·@@.*·@@·:@:·@@+@·-+%%.=,@·,@=.,%%*.#@*·,:@@.:,..-·+#,@@@@@·*,@%@+·%·#@@-==@@=.··,,@ ··@#.**@,@·-,·#·#·*=,,@.,-:.#.#@·##@*%.#:%@·:=*·+@%·%,=,@*,@@.%@+·,-=,,@.:*@@-+@#@%*··*@@*.-·,··=.,-%--+*@-+,=%:*··@%-=% =·.·@.%·=:#.+-·,%#-.@·.:,,#··+,=@@%.·@.+@%%@@,·:#@,*.%=·+%·=.**,+*#%@:.·,·@%#,*%*=#,-@·@@*@@@%%·:@@*:·@@*=@#@@:=#-,·@·#+ @%%···*,#·,·@+:@:·@+*·=,#·#·:%=@·-·@:@.·#.@@·.:%=@+=@.@=@·+·+·*··*·-.@#·@@:@.+,**:··=·,%@@@%···.:..·@+*···+··@.@.:@+@@-. @·@#:@%·#.,*···@=%#·.#···@@··@·#%#.#@@+,@,=%,@,·-+#·@·+@·@@·@·@·.#@@·@,=·,:@@···%%:·,=·+:%@,*:@=·,@@=:·,+,·@-@:*:::,,·,: ,·,#+#=@@@.#:.+=#,·@**@=,·.%··#.=*@%-.-··#@@=@%:==,·..·.:%@#@@..#%#*%-+·@%@,*%·#,@·@·=·=:·-..%:·,*=@,+#+@,+@@*+·+.·-·,+@ ··*%#··-*==@-@+·,:@.·+:@=#@@.@@=-·=##.#·@%*@=@=+%*--@··,+#@@=#@,%-.@#@==,=:%@#·.·@#@·.%*:*.·#@··-=%%%,+%%@#··.=@,·=·%:@. %:...-··=.,-+==@@=#=··*@@·##:@,,·-@:#%·:@,,%,-@:@+%#@-=·-·@@@·*,@@+@=··=%+*@@@:·*%.·,·:-,@#*··.·@@+*#+·*@@·@=,.@#=·%-,·# =.@@*··-·@·*%··@···-@·#·@@@·.+@.·-=@,,@#·%.·,%*,:%·,·::%%·*=.#@:=·:-·:·=··##··@--@··:#--.·@%%··,@=.#@-=@*#..-=*=%@@@·@-= %·,%··.%*#:++#-.+@·=·%=*·+@=·**,.+.-@--··%%*·=·#·*#.,%,.@*#-···+.*=·#@.:·*·.·@.@,#.=·:=·*:+·@@:·@···,·.@@.@+@,#,··%·%@.. +-@.@:%.++·@·@·%@,.+,##+.=@%@···##%,++,#-··+=·,*·%,*%@·@#:=.··=%@··@*+=··-==.-#*=*@++##=%=.*.,#·++.#..%@,%.··@@.:@#:·.+@
// preview
.tsx
EloTracker
Live — App Store
elotracker.tsx 3 deps 2025
05   SEC.05

// experience.log

reverse-chronological
2024 — NOW
Senior Frontend Engineer
// freelance + contract
Building production web apps for marketing, e-commerce and dev-tools clients. Mostly Next.js, Vue and headless CMS architectures.
Next.js · Vue · Astro · TS
2022 — 2024
Frontend Engineer
// product agency
Shipped a portfolio of React/Vue front-ends for fintech, gaming and SaaS. Owned design-to-engineer handoff for several flagship products.
React · Vue · Tailwind
2020 — 2022
Web Developer
// digital studio
WordPress and bespoke PHP builds for SMB clients. Built reusable component libraries that cut delivery time per project by ~40%.
PHP · WordPress · JS
2018 — 2020
Junior Developer
// first chapter
Cut my teeth on landing pages, HTML/CSS/JS and the long road from CSS floats to grid. Slept with VS Code open.
HTML · CSS · JS
06   SEC.06

// contact

open inbox · 24h reply

let's build
something unusual.

Open to freelance, contract, and full-time roles. Especially keen on dense UIs, dev tools, and anything that ships fast and feels solid.

EMAIL kushtriimhyseni@gmail.com → GITHUB @kushtrimhyseni ↗ TERMINAL type `contact` above ↑