|
Load Time Reduction Optimized in production at Apifiny |
Harvard Graduate Certificate of Excellence Β· 2025 |
Cross-Browser Compatible All major browsers & devices |
Production Experience NexVolt Β· Apifiny Β· real users |
| Skill | Proficiency | Level |
|---|---|---|
| HTML Β· CSS Β· Responsive Design | ββββββββββββββββββββ 100% |
π₯ Expert |
| JavaScript Β· DOM Manipulation | ββββββββββββββββββββ 100% |
π₯ Expert |
| React.js Β· Component Architecture | ββββββββββββββββββββ 85% |
π₯ Expert |
| TypeScript | ββββββββββββββββββββ 75% |
β‘ Advanced |
| Next.js | ββββββββββββββββββββ 75% |
β‘ Advanced |
| Tailwind CSS Β· Bootstrap | ββββββββββββββββββββ 80% |
β‘ Advanced |
| GSAP Β· Framer Motion | ββββββββββββββββββββ 65% |
π Proficient |
| API Integration | ββββββββββββββββββββ 65% |
π Proficient |
| Performance Optimization | ββββββββββββββββββββ 60% |
π Proficient |
| UI/UX Implementation | ββββββββββββββββββββ 60% |
π Proficient |
|
A full-featured web application built as the capstone project for CS50: Introduction to Computer Science at Harvard University. Earned a Certificate of Excellence for code quality, problem-solving, and project complexity. Key highlights:
|
|
|
Performance engineering work done at Apifiny β systematically identified and resolved frontend bottlenecks, resulting in a 25% reduction in website load time for real production users. Also published as a technical article. Key highlights:
|
|
|
A collection of reusable, production-grade React components and UI systems built with Tailwind CSS. Designed to be accessible, responsive across all device sizes, and easy to drop into any modern web project. Key highlights:
|
|
|
"Arsalan consistently delivers clean, responsive UI that matches designs pixel-perfectly. His attention to detail and willingness to learn new tools makes him a valuable team member." β Team Lead, NexVolt Solutions |
"His performance optimization work directly impacted our users. A 25% load time improvement is not a small feat β it required real technical depth and persistence to ship." β Engineering Team, Apifiny |
const arsalan = {
debugStyle : "I open DevTools before I open a new tab π",
readingList : "MDN docs Β· CSS tricks Β· performance guides π",
origin : "From Peshawar β one of Earth's oldest cities ποΈ",
superpower : "Can spot a responsive layout bug just from the design π",
weeklyGoal : "Ship at least ONE new component or project every week π―",
teamMotto : "Great UI is invisible β users just feel it works π€",
hiddenTalent: "Can pixel-match a Figma design on the first try π¨",
certPride : "CS50 Harvard graduate β started with C, ended with a web app π",
};What I'm actively building towards β tracked openly.
| Focus Area | Status | Goal | Progress |
|---|---|---|---|
| β‘ Next.js | Master SSR, SSG, ISR, and App Router for production-grade full-stack apps | ββββββββββββββββββββ 75% |
|
| π· TypeScript | Advanced generics, utility types, and type-safe API integration patterns | ββββββββββββββββββββ 75% |
|
| π Animations | Master GSAP and Framer Motion for production-quality web animations | ββββββββββββββββββββ 65% |
|
| ποΈ Full-Stack | Pair frontend expertise with Node.js / backend to ship complete products solo | ββββββββββββββββββββ 40% |
|
| π SaaS Product | Ship a full SaaS product β frontend to deployment β for a global audience | ββββββββββββββββββββ 20% |
π° "How I Reduced Website Load Time by 25%: A Front-End Developer's Guide"
A practical deep-dive into the performance optimization techniques used in production β covering bundle analysis, lazy loading, React rendering optimization, and asset strategies that shipped real results.