Build & refactor UI: Ship robust React + TypeScript features using Hooks/Context and a headless stack (shadcn/ui, Radix UI, Tailwind CSS, Redux Toolkit). Deliver clean, reusable, accessible components with solid a11y and RTL/Arabic support
Storybook-first, test-driven: Design components/states in Storybook; mock APIs with MSW; document variants and edge cases as you go.
API integration: Integrate REST endpoints from Rails/Node services; handle loading/error/empty states predictably; collaborate with BE to refine contracts.
Quality & testing: Grow Cypress integration/E2E coverage on core flows; champion cross-browser/cross-device correctness (with extra care for mobile Safari and RTL).
Performance: Profile and fix rendering/network/data bottlenecks; use virtualization for large lists/forms; apply smart code-splitting and bundle hygiene to improve Core Web Vitals.
Observability & release: Use Sentry (errors) and Hotjar/Amplitude (session replay/analytics) to spot issues and opportunities; ship safely with feature flags (e.g., GrowthBook/LaunchDarkly) and our Heroku pipeline (review apps → UAT → prod) with GitHub Actions CI.
Collaboration & mentorship: Write clear PRs and short design notes; mentor via reviews and docs; share insights in our regular frontend workshops.
