to own meaningful product surfaces end-to-end--from translating UX into scalable components, to optimizing performance and accessibility, to shipping reliable features through CI/CD. You'll collaborate closely with design, product, and back-end teams, mentor juniors, and raise the bar on code quality, testing, and delivery.
Key Responsibilities
Convert Figma/UX specs into semantic HTML, modern CSS, and JS/TypeScript components.
Build responsive, cross-browser interfaces with strong accessibility (WCAG 2.2 AA).
Integrate with backend APIs; manage data, caching, and error states gracefully.
Own performance budgets; improve Core Web Vitals (LCP, CLS, INP) and bundle size.
Write and maintain tests (unit, component, and basic E2E); keep pipelines green.
Conduct code reviews, refactor legacy code, and contribute to design systems.
Diagnose production issues using logs/monitoring; ship remedial fixes safely.
Follow secure-by-default practices (OWASP basics, CSP, input validation).
Participate in sprint ceremonies; estimate work and deliver on time.
Mentor junior engineers; provide clear documentation and implementation notes.
Skills & Knowledge
Strong HTML5, CSS3 (Flexbox/Grid), modern JavaScript (ES2020+), TypeScript.
Solid with at least one framework: React (preferred) / Vue / Angular.
State management (e.g., React Query/RTK/Redux, Vuex/Pinia, NgRx).
Styling at scale: SCSS/Tailwind/CSS Modules; design tokens; theming.
API integration, Axios/Fetch, pagination, optimistic UI.
Testing fundamentals: Jest + React Testing Library (or framework equivalents); Playwright/Cypress basics.
Performance tooling: Lighthouse, Chrome DevTools Performance/Profiler, code-splitting, lazy loading.
Accessibility: semantic markup, ARIA patterns, keyboard navigation, focus management.
Git workflows (branching, PRs, reviews) and basic CI/CD (GitHub Actions/GitLab CI)
SSR/SSG (Next.js/Nuxt), routing and data-fetching patterns.
Module federation/micro-frontends; monorepos (Nx/Turborepo).
Charts/visualization (Recharts/D3), maps, file/image handling.
Error tracking & analytics (Sentry, GA4), feature flags/experiments.
Basic security & SEO, i18n/RTL awareness, PWA fundamentals.
Familiarity with containerization (Docker) and cloud deploys.
Education Qualification
Bachelor's degree in Computer Science, Software Engineering, IT, or related field.
Equivalent practical experience with a strong portfolio/GitHub is acceptable.
Experience
3-5 years of professional front-end development experience.
Evidence of shipping features at scale (links, case studies, or portfolio).
Prior experience mentoring juniors and participating in code reviews.
Key Focus Areas
Quality & Reliability: High review standards, low defect escape rate, strong test coverage.
Performance: Measurable improvements to CWV; disciplined bundle and asset strategy.
Accessibility: Consistent AA compliance across features.
Delivery: Predictable estimates, on-time releases, clear communication.
Collaboration: Product/design alignment, helpful reviews, knowledge sharing.
Maintainability: Reusable components, sensible abstractions, solid documentation.
Tools & Equipment
Hardware/OS: Developer laptop (Windows/macOS/Linux) with modern specs.
IDE: VS Code (recommended) with ESLint, Prettier, and recommended workspace settings.
Runtime & Build: Node.js (LTS), npm/yarn/pnpm, Vite/Webpack, Babel/TS.
Version Control & CI: Git, GitHub/GitLab, Actions/CI pipelines, basic release tagging.
Testing/Debug: Jest, React Testing Library (or equivalent), Playwright/Cypress, Chrome DevTools.
Design Handoff: Figma (preferred) for specs, tokens, and asset exports.
Monitoring: Sentry (or similar), Lighthouse CI, basic dashboards for errors and Web Vitals.
Collaboration: Jira/Trello, Confluence/Notion, Slack/Teams.
Job Type: Full-time
Beware of fraud agents! do not pay money to get a job
MNCJobsGulf.com will not be responsible for any payment made to a third-party. All Terms of Use are applicable.