macOS Portfolio

Version 14.0 (Sonoma Developer Beta 🧑‍💻)

MacBook Pro "Reality Distortion Field"

Chip: Apple M3 Ultra Max Pro Plus

Cores: ∞ (runs on caffeine & deadlines)

Memory: 128.0 GB (still not enough for Chrome)

Storage: 99% full (all node_modules)

Graphics: CSS-Powered™

CPU Usage: 12.4%

Serial: SUDO-MAKE-ME-A-SANDWICH

"It works on my machine" ¯\_(ツ)_/¯

Session

⏱ Time: 0s 📂 Apps opened: 0 💻 Commands run: 0

System Settings

Wallpaper

Choose a wallpaper for your desktop

Mountain

Abstract

Ocean

Valley

Desert

Lines

About Me — Finder

Available for work

Full-stack engineering · interface systems · browser-native experiments

Designing polished browser experiences with front-end craft and full-stack discipline.

I like products that feel intentional: clear hierarchy, responsive interaction, and code that stays maintainable after the first launch.

My current focus is Django and React, with a lot of attention on product feel, motion, and the details that make interfaces easier to trust.

This entire desktop environment is built from scratch with pure HTML, CSS, and JavaScript to show what the browser can do without a framework hiding the mechanics.

Primary focus Full-stack product work with strong UI execution

Stack Django, React, TypeScript, PostgreSQL, Docker

Approach Fast prototypes, clean systems, premium interaction design

Proficiency

JavaScript / React92%

Python / Django88%

CSS / UI Design95%

ML / AI78%

DevOps / Cloud75%

Stack

JavaScript TypeScript Python React Next.js Django Node.js Docker PostgreSQL AWS ML / AI Git

📄 Download Resume 🐙 GitHub 💼 LinkedIn

Try: Space for Spotlight · right-click desktop · F3 Mission Control · ↑↑↓↓←→←→BA for a small surprise

github.com/Sunil0620 — Projects

Selected Work

Concepts and builds that lean hard on product feel.

The mix here intentionally spans AI tooling, storefront UX, interface-heavy portfolio work, and real-time dashboards.

🤖AI tooling

AI Code Agent

Agentic coding experiments focused on repo inspection, debugging loops, and turning messy failures into actionable fixes.

PythonLLMGPT-4

View on GitHub

🛒Commerce UX

E-Commerce Platform

Storefront concept work centered on checkout flow, trust-building product detail pages, and operational clarity for teams.

Next.jsStripePrisma

View on GitHub

🖥️Browser OS

Portfolio OS

A cinematic macOS-inspired desktop with a boot flow, app windows, Spotlight search, and a video-first Sydney screensaver.

HTMLCSSJS

View Source

📊Live metrics

Analytics Dashboard

Real-time dashboard concepts for streaming metrics, operational visibility, and interfaces that stay readable under pressure.

ReactD3.jsWS

View on GitHub

guest@portfolio — zsh

Last login: on ttys000

guest@portfolio ~ % cat skills.json

{
  "name":       "Sunil Saini",
  "role":       "Full-Stack Developer & ML Enthusiast",
  "languages":  ["JavaScript", "TypeScript", "Python", "HTML/CSS"],
  "frameworks": ["React", "Next.js", "Django", "Node.js", "Express"],
  "tools":      ["Git", "Docker", "Figma", "Webpack", "Vite"],
  "databases":  ["PostgreSQL", "MongoDB", "Redis"],
  "cloud":      ["AWS", "Vercel", "Cloudflare"],
  "superpower": "Building aesthetic, buttery-smooth UIs ✨"
}

Type help for available commands. Try matrix or hack 👀

guest@portfolio ~ %

Notes — Contact

March 2026

Available for thoughtful product work.

I’m open to freelance builds, internships, and collaborative engineering work where product quality matters as much as implementation speed.

Best fit Front-end polish, Django + React product work, browser prototypes

Working style Fast iteration, direct communication, clean and reviewable code

📧 Email: sunilsaini5652@gmail.com

🐙 GitHub: github.com/Sunil0620

💼 LinkedIn: linkedin.com/in/sunil-saini-6190ba255

Or send a short note here and I’ll reply by email.

🎵 Classics

🚶

Chala Jata Hoon

Kishore Kumar · Mere Jeevan Saathi (1972)

0:00

4:25

1

Chala Jata HoonKishore Kumar

2

Mere Sapno Ki RaniKishore Kumar

3

Likhe Jo Khat TujheMohammed Rafi

4

Ajeeb Dastan Hai YehLata Mangeshkar

5

Abhi Na Jao Chhod KarMohammed Rafi & Asha Bhosle

6

Lag Ja GaleLata Mangeshkar

7

Kuch Toh Log KahengeKishore Kumar

8

Baharon Phool BarsaoMohammed Rafi

9

Teri Aankhon Ke SivaMohammed Rafi

10

Dil Ke Jharokhe MeinMohammed Rafi

▶ Powered by YouTube

script.js — Portfolio — Visual Studio Code

EXPLORER

▾📂 mac-portfolio

JS script.js

CSS style.css

HTM index.html

JSON package.json

MD README.md

GIT .gitignore

SEARCH

3 results in 2 files

📄 script.js

2050 function playTrack(idx)

2084 playTrack(musicTrackIdx)

📄 index.html

854 onclick="playTrack(0)"

SOURCE CONTROL — GIT

CHANGES 3

M script.js

M style.css

M index.html

⎇ main · 3 uncommitted changes

EXTENSIONS — INSTALLED

P

Prettier

Code formatter

E

ESLint

JS linter

G

GitLens

Git supercharged

C

GitHub Copilot

AI pair programmer

●script.js×

●style.css×

●index.html×

⎇ main | 0 errors | 0 warningsLn 1, Col 1 | JavaScript | UTF-8

CONSOLE PROBLEMS OUTPUT

README.md — TextEdit

📄 Portfolio — macOS Sonoma

A hyper-realistic macOS desktop environment running entirely in your browser.

Built with zero dependencies — pure HTML, CSS, and JavaScript.

✨ Features

• Boot sequence with kernel messages

• Login screen with particle physics

• Draggable, resizable windows

• Interactive Terminal with easter eggs

• Music Player with Web Audio visualizer

• VS Code clone showing its own source code

• Spotlight search (Space)

• Mission Control (F3)

• Control Center & Notification Center

• Screen saver after 90s inactivity

🚀 Author

Sunil Saini — sunilsaini5652@gmail.com

github.com/Sunil0620

"How did you make this?" — Everyone who sees it

node_modules — Finder

📁

node_modules

2,847,293 items — 47.3 GB on disk

⚠️ Warning: Opening this folder may collapse a nearby star. Proceed with caution.

📦 react@18.2.0

📦 webpack@5.91.0

📦 babel-core@7.x

📦 lodash@4.17.21

📦 express@4.18.3

📦 left-pad@1.3.0

📦 is-odd@3.0.1

📦 is-even@1.0.0

📦 is-string@1.0.7

📦 is-boolean@1.0.1

📦 assert-never@1.2.1

+ 2,847,282 more…

Fun fact: This entire portfolio has zero node_modules. The irony is not lost on us.

todo.txt — Notes

Developer TODO

Things to do (realistically)

🐍 Snake — Arcade

Score: 0 Best: 0 Speed: 1

🐍 SNAKE

Click or press Space to start

Click canvas to steer • WASD / ↑↓←→ to move • Space to start • P / Esc to pause

Sunil Saini

About

Skills

Projects

AI Code Agent

E-Commerce Platform

Portfolio OS

Analytics Dashboard

Contact

macOS Portfolio

Wallpaper

Appearance

General

Designing polished browser experiences with front-end craft and full-stack discipline.

Proficiency

Stack

Concepts and builds that lean hard on product feel.

AI Code Agent

E-Commerce Platform

Portfolio OS

Analytics Dashboard

Available for thoughtful product work.

What I want to keep getting better at.

📄 Portfolio — macOS Sonoma

✨ Features

🚀 Author

node_modules

Things to do (realistically)

Developer Notes

📅 Build Diary

🐛 Known Bugs (honest edition)

🔓 Unlocked Terminal Commands

Your computer restarted because of a problem.

Sunil Saini

About

Skills

Projects

AI Code Agent

E-Commerce Platform

Portfolio OS

Analytics Dashboard

Contact

SUN 🌗 :ツ

macOS Portfolio

Wallpaper

Appearance

General

Designing polished browser experiences with front-end craft and full-stack discipline.

Proficiency

Stack

Concepts and builds that lean hard on product feel.

AI Code Agent

E-Commerce Platform

Portfolio OS

Analytics Dashboard

Available for thoughtful product work.

What I want to keep getting better at.

📄 Portfolio — macOS Sonoma

✨ Features

🚀 Author

node_modules

Things to do (realistically)

Developer Notes

📅 Build Diary

🐛 Known Bugs (honest edition)

🔓 Unlocked Terminal Commands

Your computer restarted because of a problem.