0%
Ryyan Safar — Portfolio
DESIGN
SCROLL
WEB
// STUFF I SHIPPED WHEN I SHOULD'VE BEEN STUDYING

I ALSO
LIKE
MAKING
WEBSITES

SHIPPED_BY: RYYAN // UNHINGED BUILDER
07
01
PORTFOLIO / ENGINEERINGPORTFOLIO_01

RYYAN_
SAFAR
.SITE

Main engineering portfolio. Three.js particle field, GSAP scroll animations, Lenis smooth scroll, Lanyard card physics.

Three.jsGSAPNext.js 16Lenis
YEAR
EST. 2026
OPEN [+]
LOADING…
LIVE PREVIEW // 01
● LIVE
01 / 07
TOOL
// ENTRY_02UTILITY / WEB APP

$ HELP_ME_
SURVIVE_
COLLEGE

lifesaver.ryyansafar.site
● LIVE
LOADING…

ESE grade planner, attendance tracker, CGPA calculator for KTU students. No login, no ads, terminal-dark aesthetic.

Next.jsTypeScriptNo-authKTU
YEAR
EST. 2026
OPEN [+]
02 / 07
teamapt.in
● LIVE
LOADING…
03
COMPANY
WEBSITE

TEAMAPT.IN

Designed and shipped the company website for TeamApt — layout, branding, and deployment. Flask REST backend, MySQL.

STACK
HTMLCSSJavaScriptMulti-page
YEAR
EST. 2026
OPEN [+]
03 / 07
WALLS
// ENTRY_04CREATIVE / WALLPAPERS

$ WALLPAPERS_
GALLERY

wallpapers.ryyansafar.site
● LIVE
LOADING…

Custom digital wallpaper gallery. Acid green geometry on obsidian — mobile lock screens, desktop covers, and ultrawide screensavers. All free to download.

Next.jsVercelSpace GroteskBarrio
YEAR
EST. 2026
OPEN [+]
04 / 07
05
RESTAURANT / WEB DESIGNSMOKE_05

THE
SMOKE
HOUSE

Design showcase for a fictional smokehouse restaurant — menu presentation, catering services, and table reservations. Built to explore food brand web design.

Next.jsOswaldPlus Jakarta SansCustom CSS
YEAR
EST. 2026
OPEN [+]
smoke.ryyansafar.site● LIVE
LOADING…
05 / 07
06
HARDWARE / WEB SIMULATION
191 × 278 DISCS // 53,098 TOTAL

LITERATURE
CLOCK
PRO

Browser simulation of a 191×278 electromagnetic flip-disc display — 53,098 discs showing a literary quote for every minute of the day. Includes ESP32 firmware for the physical installation.

Vanilla JSHTML/CSSESP32GitHub Pages
YEAR
EST. 2026
OPEN [+]
litclock.ryyansafar.site● LIVE
LOADING…
06 / 07
07
COMMUNITY TOOL / EST. 2026

3D_PRINTER
QUEUE

Community 3D printer queue management for TinkerSpace makerspace. Approval workflow, email notifications, live status.

Next.jsVercelBlobVercelFirebase
TOOL_07
OPEN [+]
LOADING…
PHY_TOOL_07● LIVE
BUILT THIS MYSELF / DON'T ASK HOW LONG IT TOOK / STILL NO BUGS (PROBABLY)