const fetchUser = async (id: string) => {
  const res = await fetch('/api/users/' + id)
  if (!res.ok) throw new Error('Request failed')
  return res.json()
}
export function Button({ children }: { children: React.ReactNode }) {
  return (
    <button className="px-3 py-1.5 rounded-md bg-indigo-500 text-white">
      {children}
    </button>
  )
}
const tailwind = {
  theme: { extend: { animation: { float: 'float 6s ease-in-out infinite' } } }
}
type Experience = { company: string; role: string; period: string }
function useToggle(initial = false) {
  const [on, setOn] = useState(initial)
  const toggle = () => setOn((v) => !v)
  return { on, toggle }
}

Rafi Haidari

Software Engineer • Frontend Developer • Technical Team Lead

Magdeburg, Germany

Full‑stack developer with 12+ years in web engineering. I specialize in JavaScript, TypeScript, React, Vue and Node, with experience across OAuth2, DevOps and cloud. I love building responsive UIs, integrating third‑party tools and leading teams to deliver polished products.

Experience

Software Engineer (Frontend)

May 2022 - Present

mediMESH GmbH

Building polished frontend experiences and collaborating across product and design.

As a Frontend Engineer at mediMESH, I lead the development of intuitive and performance-driven medical platform interfaces. I collaborate closely with product managers and UX designers to translate complex requirements into seamless digital experiences, ensuring high accessibility and cross-browser compatibility.

ReactTypeScriptTailwind CSSFigmaViteChakra UIStorybookREST APIUnit TestingIntegration TestingEnd-to-End TestingCI/CDAgileScrumProject ManagementComponent LibraryMedical PlatformsResponsive DesignAPI IntegrationCode ReviewFrontend Architecture

Product Development Lead

Jul 2022 - Nov 2022

Webfume Technologies LLC

Led product development initiatives and front‑end quality with Tailwind, accessibility and cross‑browser focus.

Spearheaded technical direction and frontend excellence for client projects. Focused on building scalable component libraries using Tailwind CSS and ensuring all products met high standards of performance and accessibility.

Product LeadershipTailwind CSSAccessibilityReactProject ManagementProject PlanningProject ExecutionProject MonitoringProject ControlProject ClosureScalable UITechnical DirectionClient CollaborationCross-browser CompatibilityDesign SystemsPerformance Optimization

Full Stack Developer

Oct 2020 - May 2022

Alpha4All Limited

Full‑stack work across Vue, Node, Express, Firebase, PHP, MySQL, WordPress/WooCommerce and various APIs—owning end‑to‑end delivery.

Acted as a comprehensive Full Stack Engineer, managing end-to-end development of complex web applications. I designed and implemented scalable database architectures and integrated various third-party services. My work balanced performance and user experience across diverse tech stacks, from modern JavaScript frameworks to robust PHP-based platforms.

Vue.jsNode.jsExpress.jsFirebasePHPMySQLWordPressWooCommerceOAuth2Database ArchitectureAPI IntegrationFull-stack EngineeringBackend DevelopmentJavaScriptHTML5SQL

Senior Front‑End Developer (Part‑time)

Jun 2020 - Sep 2020

wpPlan

Shipped and maintained marketing sites and apps in close collaboration with design and full‑stack teams.

Responsible for architecting and building high-traffic websites and applications. I worked in a tight-knit loop with UI/UX designers to bring pixel-perfect mocks to life and collaborated with backend teams to ensure seamless data integration and reliable application state management.

Frontend ArchitectureJavaScriptUI/UX DesignSassState ManagementHigh-traffic SitesResponsive DevelopmentBabelWebpackFrontend EngineeringPixel-perfect UITeam Collaboration

Education

BSc in Computer Science (Software Engineering Major)

2014 – 2019

Hariwa University, Herat, Afghanistan

  • Graduated Top 3%

Diploma in Leadership and Management

2016 – 2017

Institute for Leadership Development, Herat, Afghanistan

  • Leadership, critical thinking and team dynamics

Get in touch

LinkedInGitHub