Frontend Developer

Hi, I'm Mustafa.

BTech CS · 2nd year · VIT Mumbai
I build clean, accessible web interfaces with attention to every pixel.

View Projects Download Resume ↓ Contact
Mustafa Shaikh — profile photo
01 — About Me

A little about
who I am

I'm a passionate frontend developer and computer science student at VIT Mumbai, currently in my 2nd year (4th semester). I love turning ideas into elegant, user-friendly web experiences.

My approach to development blends precision engineering with thoughtful design. Whether I'm refining a hover animation or optimising a layout for mobile, I care deeply about the final experience.

🤝
Collaborative

I thrive in team environments, whether pair programming, conducting code reviews, or ideating in hackathons.

🔍
Detail-oriented

Pixel-perfect is not a cliché for me — it's a standard. I pay equal attention to semantics, accessibility, and aesthetics.

📐
Structured thinker

I plan before I code, document as I build, and refactor with purpose — clean code is a habit, not an afterthought.

02 — Experience

Where I've
contributed

Frontend Developer (Freelance)

GreenRoots NGO · Remote

Aug 2024 – Present
  • Redesigned the NGO's donation landing page, improving conversion rate by an estimated 30% through improved UX and mobile responsiveness.
  • Built an event calendar UI from scratch using vanilla JavaScript, replacing a third-party widget and reducing page load by ~1.2 s.
  • Implemented accessibility improvements (WCAG 2.1 AA) including keyboard navigation and ARIA labels, ensuring the site is usable by all supporters.
  • Collaborated asynchronously with a graphic designer and content editor, delivering features on a 2-week sprint cadence.

Frontend Lead — SIH 2024

Smart India Hackathon · National Level

Sep 2024 · 36 hrs
  • Led UI development for a civic-tech dashboard aimed at real-time waste management reporting for municipal corporations.
  • Designed and built a data-visualisation module using Chart.js, transforming raw JSON feeds into interactive heat maps and trend graphs.
  • Coordinated with backend and ML teammates under time pressure to ensure seamless API integration and live data rendering.
  • Received a top-10 national ranking among 500+ participating teams in the software category.
03 — Projects

Things I've
built

Live ↗ Code ↗

SnippetBox

A clean, browser-based code snippet manager that lets developers save, tag, and search their most-used code fragments — no account required, everything stored locally.

Key Features

  • Tag-based filtering & full-text search
  • Syntax highlighting via Prism.js
  • One-click copy to clipboard
  • LocalStorage persistence with import/export (JSON)
HTML5 CSS3 JavaScript Prism.js
Live ↗ Code ↗

PulseUI — Component Library

A lightweight, theme-able component library built in React with zero external UI dependencies. Designed for rapid prototyping without the overhead of large design systems.

Key Features

  • 20+ accessible, composable React components
  • CSS custom-property theming (dark/light/custom)
  • Storybook documentation site
  • Tree-shakeable ESM build < 12 KB gzipped
React TypeScript CSS Modules Storybook Vite
Live ↗ Code ↗

WeatherDrift

A responsive weather dashboard that fetches real-time data from the OpenWeatherMap API and presents it with animated weather-state visuals and a 7-day forecast strip.

Key Features

  • Geolocation-based auto-detect on first load
  • Animated SVG weather icons (sun, clouds, rain)
  • Temperature unit toggle (°C / °F)
  • Skeleton loading states & graceful error handling
React CSS3 OpenWeatherMap API SVG Animation
Live ↗ Code ↗

DevFolio Builder

A drag-and-drop portfolio builder that generates a static HTML/CSS site from a structured JSON config — no backend required. Targeted at fellow students creating their first portfolio.

Key Features

  • Live preview as you edit the JSON config
  • Multiple theme presets with instant switching
  • One-click ZIP download of the generated site
  • Guided onboarding wizard for first-time users
HTML5 Tailwind CSS JavaScript JSZip
04 — Contact Me

Let's
connect

Whether you have a project in mind, want to collaborate, or just want to say hi — my inbox is always open.