/* Reset */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #fafafa; color: #1a1a2e; line-height: 1.6; padding: 0; min-height: 100vh; } @media (prefers-color-scheme: dark) { body { background: #0a0a14; color: #e0e4f0; } .noscript-card { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; } .noscript-header { border-color: rgba(255, 255, 255, 0.06) !important; } .noscript-tag { background: rgba(103, 232, 249, 0.08) !important; color: #67e8f9 !important; } .noscript-section-title { color: #67e8f9 !important; } .noscript-timeline-dot { background: #67e8f9 !important; } .noscript-link { color: #60a5fa !important; } .noscript-banner { background: rgba(103, 232, 249, 0.06) !important; border-color: rgba(103, 232, 249, 0.15) !important; color: #67e8f9 !important; } } .noscript-container { max-width: 680px; margin: 0 auto; padding: 48px 24px; } .noscript-banner { text-align: center; padding: 16px 24px; margin-bottom: 40px; border-radius: 12px; background: rgba(103, 232, 249, 0.06); border: 1px solid rgba(103, 232, 249, 0.15); font-size: 14px; color: #475569; line-height: 1.5; } .noscript-header { text-align: center; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .noscript-header h1 { font-family: 'Bricolage Grotesque', 'DM Sans', sans-serif; font-size: 36px; font-weight: 700; margin-bottom: 8px; } .noscript-header p { font-size: 16px; color: #64748b; } .noscript-header .noscript-links { margin-top: 16px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .noscript-link { color: #3b82f6; text-decoration: none; font-size: 14px; font-weight: 500; } .noscript-link:hover { text-decoration: underline; } .noscript-section { margin-bottom: 36px; } .noscript-section-title { font-family: 'Bricolage Grotesque', 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #3b82f6; margin-bottom: 16px; } .noscript-card { background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 20px; margin-bottom: 12px; } .noscript-card h3 { font-family: 'Bricolage Grotesque', 'DM Sans', sans-serif; font-size: 17px; font-weight: 600; margin-bottom: 6px; } .noscript-card p { font-size: 14px; color: #64748b; margin-bottom: 10px; } .noscript-tags { display: flex; flex-wrap: wrap; gap: 6px; } .noscript-tag { font-size: 11px; padding: 3px 10px; border-radius: 999px; background: rgba(59, 130, 246, 0.08); color: #3b82f6; font-weight: 500; } .noscript-skills-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } @media (max-width: 500px) { .noscript-skills-grid { grid-template-columns: 1fr; } } .noscript-skill-card { background: rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 16px; } .noscript-skill-card h4 { font-size: 13px; font-weight: 600; margin-bottom: 6px; } .noscript-skill-card p { font-size: 13px; color: #64748b; } .noscript-timeline-item { display: flex; gap: 16px; margin-bottom: 20px; } .noscript-timeline-dot { width: 10px; height: 10px; border-radius: 50%; background: #3b82f6; margin-top: 6px; flex-shrink: 0; } .noscript-timeline-content h4 { font-size: 15px; font-weight: 600; } .noscript-timeline-content .noscript-period { font-size: 12px; color: #94a3b8; margin-bottom: 4px; } .noscript-timeline-content p { font-size: 13px; color: #64748b; } .noscript-footer { text-align: center; margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(0, 0, 0, 0.06); font-size: 12px; color: #94a3b8; } @media print { .noscript-banner { display: none; } body { background: white; color: black; padding: 0; } .noscript-container { padding: 0; max-width: none; } }

Imran Wafa

Builder, developer, and creative technologist

GitHub LinkedIn contact@imranwafa.com

About

I am a data analyst and developer who loves creating things that matter. I believe the best software is built at the intersection of thoughtful design and solid engineering. When I'm not coding, you'll find me messing with hardware, tearing down an engine, or figuring out how to automate something that probably didn't need to be automated (but it's cooler now).

Skills

Frontend

React, TypeScript, Next.js, Tailwind CSS, Framer Motion

Backend

Node.js, Python, Express, REST APIs, PostgreSQL

Design

Figma, UI/UX, Prototyping, Design Systems, Animation

Data & AI

Python, Data Analysis, Machine Learning, AI, LLMs

Projects

FloUwer

AI-powered browser with workflow automation and intelligent browsing capabilities.

Electron React TypeScript AI

JabBit

Single page workflow automation extension for chromium based browsers.

Python Automation AI

miLoader

Real-time resource load manager for macOS with ML-powered prediction.

C++ AI macOS

Experience

Data Analyst — Instawire LLC

2021 – 2024

Creating graphs, charts, and data visualizations to help businesses make better decisions.

Data Analyst — MGT Well

2020 – 2021

Created different types of data on different mediums to get greater quality data.

Comp Sci B.S.

Ongoing

Studying the fundamentals while applying them to real-world projects and challenges.