/* global React, ReactDOM, NOBBYO_ICONS, PageHeader, PageTopBar, PageFooter, usePageLang */ const { useState: cS, useEffect: cE, useMemo: cM } = React; const CI = window.NOBBYO_ICONS; // =================== PROFILE DATA =================== const PROFILE = { name: { bn: 'ফাহিম আহমেদ', en: 'Fahim Ahmed' }, initials: 'FA', pronoun: 'he/him', headline: { bn: 'সিনিয়র প্রোডাক্ট ডিজাইনার · মোবাইল-ফার্স্ট অ্যাপের জন্য', en: 'Senior Product Designer · for mobile-first apps' }, loc: { bn: 'ঢাকা, বাংলাদেশ', en: 'Dhaka, Bangladesh' }, open: true, remote: { bn: 'রিমোট/হাইব্রিড', en: 'Remote / Hybrid' }, expectedSalary: { bn: '৳ ১.৪ – ২ লাখ', en: '৳ 140K – 200K' }, noticePeriod: { bn: '২ সপ্তাহ', en: '2 weeks' }, avatar: '#7E5E9F', // background color (placeholder) banner: 'mesh', // visual style views: 1842, searches: 24, recruiters: 6, matchAvg: 87, bio: { bn: '৬ বছর ধরে বাংলাদেশের সবচেয়ে বড় কনজিউমার অ্যাপগুলোর জন্য মোবাইল-ফার্স্ট প্রোডাক্ট ডিজাইন করছি। বিশ্বাস করি, ভাল ডিজাইন তিন ভাষায় কাজ করে — বাংলা, ইংরেজি এবং নীরবতা।', en: '6 years designing mobile-first products for some of Bangladesh\'s largest consumer apps. I believe great design works in three languages — Bangla, English, and silence.', }, contact: { email: 'fahim.ahmed@gmail.com', phone: '+৮৮০ ১৭১২ ৩৪৫৬৭৮', web: 'fahim.design', github: 'fahimd', dribbble: 'fahim_ux', linkedin: 'fahim-ahmed-bd', }, skills: [ { name: 'Figma', level: 95, group: 'design' }, { name: 'Mobile UX', level: 88, group: 'design' }, { name: 'Design Systems', level: 90, group: 'design' }, { name: 'User Research', level: 78, group: 'research' }, { name: 'Prototyping', level: 92, group: 'design' }, { name: 'Bangla Typography', level: 96, group: 'design' }, { name: 'HTML/CSS', level: 72, group: 'code' }, { name: 'After Effects', level: 65, group: 'motion' }, ], langs: [ { name: { bn: 'বাংলা', en: 'Bangla' }, level: 'native', stars: 5 }, { name: { bn: 'ইংরেজি', en: 'English' }, level: 'fluent', stars: 5 }, { name: { bn: 'হিন্দি', en: 'Hindi' }, level: 'conversational', stars: 3 }, ], experience: [ { role: { bn: 'সিনিয়র প্রোডাক্ট ডিজাইনার', en: 'Senior Product Designer' }, co: 'bKash', logo: 'b', bg: '#E2126B', from: { bn: 'মার্চ ২০২৩', en: 'Mar 2023' }, to: { bn: 'বর্তমান', en: 'Present' }, months: 22, loc: { bn: 'ঢাকা · হাইব্রিড', en: 'Dhaka · Hybrid' }, notes: { bn: [ 'মার্চেন্ট পেমেন্ট ফ্লো নতুনভাবে ডিজাইন করেছি — কনভার্শন ১৮% বেড়েছে।', 'বাংলা-প্রথম ডিজাইন সিস্টেম তৈরি করেছি যা এখন ৪টি অ্যাপ ব্যবহার করছে।', 'ক্রস-ফাংশনাল ৭ জনের টিম মেন্টরিং।', ], en: [ 'Redesigned merchant payment flow — 18% lift in conversion.', 'Built a Bangla-first design system now used across 4 apps.', 'Mentor a cross-functional team of 7.', ], }, tags: ['Fintech', 'Design Systems', 'Bangla UX'], }, { role: { bn: 'প্রোডাক্ট ডিজাইনার', en: 'Product Designer' }, co: 'Pathao', logo: 'P', bg: '#E81E2C', from: { bn: 'জানু ২০২১', en: 'Jan 2021' }, to: { bn: 'ফেব্রু ২০২৩', en: 'Feb 2023' }, months: 26, loc: { bn: 'ঢাকা · অফিস', en: 'Dhaka · On-site' }, notes: { bn: [ 'রাইডার অ্যাপের জন্য নতুন আর্নিং ড্যাশবোর্ড — ১২০K+ রাইডার ব্যবহার করছেন।', 'অনবোর্ডিং ফ্লোতে ড্রপ-অফ ৩৪% থেকে ১২% নামিয়ে এনেছি।', ], en: [ 'Designed a new earnings dashboard for the rider app — 120K+ active riders.', 'Cut onboarding drop-off from 34% to 12%.', ], }, tags: ['Mobile', 'Logistics', 'Onboarding'], }, { role: { bn: 'UI/UX ডিজাইনার', en: 'UI/UX Designer' }, co: 'Brain Station 23', logo: 'B', bg: '#1B4789', from: { bn: 'জুন ২০১৯', en: 'Jun 2019' }, to: { bn: 'ডিসে ২০২০', en: 'Dec 2020' }, months: 18, loc: { bn: 'ঢাকা', en: 'Dhaka' }, notes: { bn: [ 'এন্টারপ্রাইজ ক্লায়েন্টদের জন্য ১৫+ ওয়েব এবং মোবাইল প্রোডাক্ট ডিজাইন।', 'এজেন্সি জুনিয়রদের অনবোর্ড করার প্রসেস তৈরি।', ], en: [ 'Designed 15+ web and mobile products for enterprise clients.', 'Built the agency\'s junior designer onboarding process.', ], }, tags: ['Agency', 'Enterprise'], }, ], projects: [ { title: { bn: 'bKash মার্চেন্ট রিডিজাইন', en: 'bKash Merchant Redesign' }, year: 2024, color: '#E2126B', kind: { bn: 'কেস স্টাডি', en: 'Case Study' }, blurb: { bn: '১৮% কনভার্শন উন্নতি', en: '18% conversion lift' } }, { title: { bn: 'বাংলা টাইপ স্কেল', en: 'Bangla Type Scale' }, year: 2024, color: '#2A3656', kind: { bn: 'ওপেন সোর্স', en: 'Open Source' }, blurb: { bn: 'Hind Siliguri-ভিত্তিক স্কেল', en: 'Scale based on Hind Siliguri' } }, { title: { bn: 'Pathao রাইডার অ্যাপ v3', en: 'Pathao Rider App v3' }, year: 2022, color: '#E81E2C', kind: { bn: 'প্রোডাক্ট', en: 'Product' }, blurb: { bn: '১২০K+ ডেইলি অ্যাকটিভ', en: '120K+ daily active' } }, { title: { bn: 'Khoma Personal Finance', en: 'Khoma Personal Finance' }, year: 2023, color: '#0A6B3F', kind: { bn: 'সাইড প্রজেক্ট', en: 'Side Project' }, blurb: { bn: '৩,০০০ ব্যবহারকারী', en: '3K users' } }, ], education: [ { school: { bn: 'বুয়েট', en: 'BUET' }, full: { bn: 'বাংলাদেশ প্রকৌশল বিশ্ববিদ্যালয়', en: 'Bangladesh University of Engineering and Technology' }, deg: { bn: 'B.Sc. কম্পিউটার সায়েন্স', en: 'B.Sc. Computer Science' }, year: '2015–2019', gpa: '3.84/4.0' }, { school: { bn: 'নটরডেম কলেজ', en: 'Notre Dame College' }, full: { bn: 'নটরডেম কলেজ, ঢাকা', en: 'Notre Dame College, Dhaka' }, deg: { bn: 'HSC · বিজ্ঞান', en: 'HSC · Science' }, year: '2013–2015', gpa: 'A+' }, ], certs: [ { name: { bn: 'Google UX ডিজাইন প্রফেশনাল', en: 'Google UX Design Professional' }, by: 'Coursera', year: 2022 }, { name: { bn: 'Nielsen Norman UX মাস্টার', en: 'Nielsen Norman UX Master' }, by: 'NN/g', year: 2023 }, { name: { bn: 'IELTS · ৭.৫', en: 'IELTS · 7.5' }, by: 'British Council', year: 2021 }, ], achievements: [ { ic: '🏆', bn: 'BASIS ন্যাশনাল ICT অ্যাওয়ার্ড ২০২৩', en: 'BASIS National ICT Award 2023', meta: { bn: 'বেস্ট ফিনটেক UX', en: 'Best Fintech UX' } }, { ic: '🎤', bn: 'UX বাংলাদেশ কনফারেন্স স্পিকার', en: 'UX Bangladesh Conference Speaker', meta: { bn: '২০২৩, ২০২৪', en: '2023, 2024' } }, { ic: '✍️', bn: 'বাংলা ডিজাইন রিসার্চ পেপার', en: 'Bangla Design Research Paper', meta: { bn: 'ACM CHI ২০২৪', en: 'ACM CHI 2024' } }, ], endorsements: [ { who: { bn: 'মাহবুব রহমান', en: 'Mahbub Rahman' }, role: { bn: 'হেড অফ ডিজাইন · Pathao', en: 'Head of Design · Pathao' }, avatarBg: '#7E5E9F', text: { bn: '"ফাহিম এমন একজন ডিজাইনার যে সমস্যাটা ঠিকভাবে বুঝে — তারপর সমাধান দেয়। বাংলা UX এ তার দখল অসাধারণ।"', en: '"Fahim is the rare designer who understands the problem first, then solves it. His Bangla UX work is exceptional."' } }, { who: { bn: 'সাবরিনা হোসেন', en: 'Sabrina Hossain' }, role: { bn: 'প্রোডাক্ট লিড · bKash', en: 'Product Lead · bKash' }, avatarBg: '#E2126B', text: { bn: '"৬ মাসে আমাদের ডিজাইন সিস্টেমকে ৪টি অ্যাপের জন্য স্কেল করেছে। বিরল প্রতিভা।"', en: '"Scaled our design system across 4 apps in 6 months. Rare talent."' } }, ], }; // =================== HEADER (cover + identity) =================== function ProfileHeader({ editing, setEditing, lang }) { return (
{PROFILE.initials} {PROFILE.open && }

{PROFILE.name.bn} {PROFILE.name.en}

({PROFILE.pronoun}) {CI.check} যাচাইকৃত Verified

{PROFILE.headline.bn} {PROFILE.headline.en}

{CI.pin} {PROFILE.loc.bn} {PROFILE.loc.en} {PROFILE.open && ( এখনই হায়ারিং উপলব্ধ Available to hire now )} ⇄ {PROFILE.remote.bn} {PROFILE.remote.en} 💼 ৬ বছর অভিজ্ঞতা 6 yrs experience
{editing ? ( ) : ( <> )}
); } // =================== STATS STRIP =================== function StatsStrip({ lang }) { const stats = [ { num: PROFILE.views.toLocaleString(), bn: 'প্রোফাইল ভিউ', en: 'Profile views', sub: { bn: 'গত ৩০ দিন', en: 'last 30 days' }, color: 'orange' }, { num: PROFILE.searches, bn: 'রিক্রুটার সার্চ', en: 'Recruiter searches', sub: { bn: 'এই সপ্তাহ', en: 'this week' }, color: 'navy' }, { num: PROFILE.recruiters, bn: 'রিক্রুটার ম্যাসেজ', en: 'Recruiter messages', sub: { bn: 'নতুন', en: 'new' }, color: 'gold' }, { num: PROFILE.matchAvg + '%', bn: 'গড় ম্যাচ স্কোর', en: 'Avg match score', sub: { bn: 'আপনার ১২ আবেদনে', en: 'across 12 applications' }, color: 'green' }, ]; return (
{stats.map((s, i) => (
{s.num}
{s.bn} {s.en}
{s.sub.bn} {s.sub.en}
))}
); } // =================== ABOUT + SKILLS =================== function About({ lang }) { return (

{PROFILE.bio.bn} {PROFILE.bio.en}

প্রত্যাশিত বেতন Expected salary {PROFILE.expectedSalary.bn} {PROFILE.expectedSalary.en} /মাসmo
নোটিশ পিরিয়ড Notice period {PROFILE.noticePeriod.bn} {PROFILE.noticePeriod.en}
পছন্দের কর্মপদ্ধতি Work mode {PROFILE.remote.bn} {PROFILE.remote.en}
); } function Skills({ lang }) { const groups = { design: { bn: 'ডিজাইন', en: 'Design' }, research: { bn: 'রিসার্চ', en: 'Research' }, code: { bn: 'কোড', en: 'Code' }, motion: { bn: 'মোশন', en: 'Motion' }, }; const grouped = uM_groupSkills(); return (
{Object.entries(grouped).map(([k, list]) => (
{groups[k]?.bn || k} {groups[k]?.en || k}
{list.map(s => (
= 90 ? 'expert' : s.level >= 75 ? 'advanced' : 'intermediate'}> {s.name} {s.level}
))}
))}
); } function uM_groupSkills() { const out = {}; PROFILE.skills.forEach(s => { (out[s.group] = out[s.group] || []).push(s); }); Object.values(out).forEach(arr => arr.sort((a,b) => b.level - a.level)); return out; } // =================== EXPERIENCE TIMELINE =================== function Experience({ lang }) { return (
{PROFILE.experience.map((exp, i) => (
{exp.logo}
{i < PROFILE.experience.length - 1 &&
}

{exp.role.bn} {exp.role.en}

{exp.co} {i === 0 && ( বর্তমান Current )}
{exp.from.bn}{exp.from.en} — {exp.to.bn}{exp.to.en} · {Math.floor(exp.months / 12)}বছরy {exp.months % 12}মাm · {exp.loc.bn}{exp.loc.en}
    {exp.notes[lang].map((n, k) =>
  • {n}
    • )}
{exp.tags.map(t => {t})}
))}
); } // =================== PROJECTS =================== function Projects({ lang }) { return (
{PROFILE.projects.map((p, i) => ( e.preventDefault()} className="cp-proj">
{p.year}
{p.kind.bn} {p.kind.en}
{p.title.bn} {p.title.en}
{p.blurb.bn} {p.blurb.en}
))}
); } // =================== EDUCATION + CERTS + LANG =================== function EducationBlock({ lang }) { return (
{PROFILE.education.map((e, i) => (
{e.school.bn} {e.school.en}
{e.deg.bn} {e.deg.en}
{e.year} · GPA: {e.gpa}
))}
); } function CertsBlock({ lang }) { return (
{PROFILE.certs.map((c, i) => (
📜
{c.name.bn} {c.name.en}
{c.by} · {c.year}
))}
); } function LangsBlock({ lang }) { const labelMap = { native: { bn: 'মাতৃভাষা', en: 'Native' }, fluent: { bn: 'সাবলীল', en: 'Fluent' }, conversational: { bn: 'কথোপকথন', en: 'Conversational' } }; return (
{PROFILE.langs.map((l, i) => (
{l.name.bn} {l.name.en}
{[1,2,3,4,5].map(n => ( ● ))}
{labelMap[l.level].bn} {labelMap[l.level].en}
))}
); } // =================== ACHIEVEMENTS + ENDORSEMENTS =================== function Achievements({ lang }) { return (
{PROFILE.achievements.map((a, i) => (
{a.ic}
{a.bn} {a.en}
{a.meta.bn} {a.meta.en}
))}
); } function Endorsements({ lang }) { return (
{PROFILE.endorsements.map((e, i) => (
"

{e.text.bn.replace(/^"|"$/g,'')} {e.text.en.replace(/^"|"$/g,'')}

{e.who[lang].split(' ').map(s=>s[0]).join('').slice(0,2)}
{e.who.bn} {e.who.en}
{e.role.bn} {e.role.en}
))}
); } // =================== SIDEBAR =================== function ProfileSidebar({ lang }) { const completion = 92; return ( ); } // =================== HELPER =================== function SectionTitle({ bn, en, no }) { return (
{no}

{bn} {en}

); } // =================== APP =================== function App() { const [lang, setLang] = window.usePageLang('bn'); const [editing, setEditing] = cS(false); return ( <>
{editing && (
এডিট মোড সক্রিয় · যেকোনো সেকশনে ক্লিক করে এডিট করুন Edit mode active · click any section to edit
)} ); } ReactDOM.createRoot(document.getElementById('root')).render();