Skip to content
View Arsalan644's full-sized avatar

Block or report Arsalan644

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Arsalan644/README.md

Typing SVG

LinkedIn Email GitHub Β  Open to Work Location Response


πŸ“Š Contribution Activity


🧬 About Me

Name      : Arsalan Ahmad
Role      : Front-End Developer Β· React.js & Next.js
Company   : NexVolt Solutions
Location  : Peshawar, Pakistan πŸ‡΅πŸ‡°
Available : Remote Β· Onsite Β· Relocation

Speciality: React.js β€’ TypeScript β€’ UI/UX Engineering
Mission   : Turning ideas into fast, beautiful, and
            interactive web experiences

Currently :
  β”œβ”€β”€ πŸ’Ό Working   β†’ NexVolt Solutions (Frontend)
  β”œβ”€β”€ πŸ“š Graduated β†’ CS50 Harvard (2025) βœ…
  β”œβ”€β”€ ⚑ Learning  β†’ Advanced Next.js & TypeScript
  └── 🎯 Building  β†’ Portfolio Projects & Open Source

Ask me about :
  β”œβ”€β”€ React.js Β· Next.js Β· TypeScript Β· Tailwind CSS
  β”œβ”€β”€ GSAP Β· Framer Motion Β· UI animations
  └── Making pages 25% faster without breaking a sweat



πŸ’₯ Impact by the Numbers

25%

Load Time Reduction
Optimized in production at Apifiny

CS50

Harvard Graduate
Certificate of Excellence Β· 2025

100%

Cross-Browser Compatible
All major browsers & devices

6mo+

Production Experience
NexVolt Β· Apifiny Β· real users

πŸ› οΈ Tech Stack




React.js

JavaScript

TypeScript

REST APIs

GitHub

Next.js

πŸ“ˆ Skill Depth

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

πŸ’Ό Professional Journey





πŸ“ Islamabad, PK

🟑
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚

Apifiny β€” Full Stack Developer Intern

Built responsive frontend UIs and collaborated on full-stack projects in a cross-functional team environment. Delivered measurable performance improvements that went directly to production.

Key contributions:

  • Built and maintained frontend interfaces with React.js for real user-facing products
  • Achieved a 25% reduction in website load time through optimized coding practices
  • Delivered fully responsive web interfaces compatible across all devices and browsers
  • Implemented seamless API integrations for dynamic, data-driven application features
  • Worked in cross-functional teams following Agile workflows

React JavaScript HTML CSS API Integration





πŸ“ Peshawar, PK

🟒
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚
β”‚

NexVolt Solutions β€” Front-End Web Developer

Owning frontend development end-to-end. Building modern, responsive, and user-friendly web applications with React.js and TypeScript β€” converting designs into clean, production-grade code.

Key contributions:

  • Develop and maintain frontend interfaces using HTML, CSS, JavaScript, React.js, and TypeScript
  • Implement responsive designs ensuring pixel-perfect compatibility across all devices and browsers
  • Convert UI/UX designs into clean, reusable, and scalable component-based code
  • Collaborate with backend and design teams to improve application performance and UX
  • Use Git & GitHub for version control and collaborative development workflows

React TypeScript Tailwind Git GitHub


What I Do The Result
React.js component architecture Scalable, reusable UI systems
TypeScript integration Type-safe, maintainable codebases
Responsive design implementation Works flawlessly on every screen size
UI/UX to code conversion Pixel-perfect from Figma to browser
Performance optimization Faster loads, smoother user experiences
Git-based team workflows Clean collaboration, zero conflicts


πŸš€ Featured Projects


πŸŽ“ CS50 Final Project β€” Harvard Certified Web App

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:

  • End-to-end web application built with modern frontend practices
  • Clean code architecture, separation of concerns, and reusable components
  • Responsive design compatible across all major devices and browsers
  • Recognized with Certificate of Excellence from Harvard's CS50 program

JavaScript HTML CSS React


CS50


Metric Value
Award Excellence Cert
Source Harvard CS50
Year 2025
Stack Full-Stack

View GitHub


⚑ Load Time Optimization β€” 25% Faster in Production

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:

  • Profiled and diagnosed render-blocking resources and asset loading issues
  • Implemented code splitting, lazy loading, and image optimization strategies
  • Reduced JavaScript bundle size and eliminated unnecessary re-renders in React
  • Published findings as: "How I Reduced Website Load Time by 25%: A Front-End Developer's Guide"

React JavaScript Performance Optimization


Live


Metric Value
Load Time 25% Faster
Scope Production
Published Article
Impact Real Users

View GitHub


🎨 Responsive UI Systems β€” React + Tailwind Components

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:

  • Fully responsive layouts tested across mobile, tablet, and desktop viewports
  • Animated UI elements powered by GSAP and Framer Motion
  • Accessible, semantic HTML structure following best practices
  • TypeScript-typed components for type-safe integration

React TypeScript Tailwind Framer Motion


Stack


Metric Value
Responsive All Devices
Animations GSAP + Motion
Typing TypeScript
Style Tailwind CSS

View GitHub


πŸ—£οΈ What People Say



"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

⚑ Fun Facts

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 πŸ†",
};

🌱 2025–2026 Growth Roadmap

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%

πŸŽ“ Education & Certifications

πŸ›οΈ Govt College Peshawar

Computer Science
August 2023 – September 2025

πŸ† CS50 β€” Harvard University

Introduction to Computer Science
Completed Β· 2025


πŸ“ Publications

πŸ“° "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.


🀝 Let's Connect



"I don't just write code β€” I craft interfaces that users love and developers are proud to maintain." β€” Arsalan Ahmad


Available for front-end roles Β· full-stack projects Β· UI/UX engineering Β· globally



Professional Network

Direct Email

Open Source Work

Open to Work Β  Response Time Β  Phone



Popular repositories Loading

  1. html-portfolio html-portfolio Public

    CSS

  2. index.js index.js Public

    A code repo for javascript series at chai or code Youtube channel

  3. javascript javascript Public

    JavaScript

  4. model model Public

    model project

    CSS

  5. tic-tac-toe-game tic-tac-toe-game Public

    tic tac toe game

    JavaScript

  6. rock- rock- Public