Senior Frontend Engineer React.js & Next.js Expert

SYEDA UMME HANI

Senior Frontend Engineer React.js · Next.js · TypeScript

***************@*****.*** • +91-906******* • Bengaluru, Karnataka, India • linkedin.com/in/syeda-u-828a53106 • github.com/hani29

PROFESSIONAL SUMMARY

Senior Frontend Engineer with 9+ years of experience architecting high-performance React.js and Next.js applications across cybersecurity, media, fintech, and e-commerce domains. Proven track record in strategic thinking, customer experience optimization, and driving product innovation from concept to production. Expert in component-driven UI architecture, performance engineering (SSR / SSG, Core Web Vitals), and cross-functional collaboration with design and product teams. Comfortable leading technical decisions, mentoring teams, and contributing to roadmap discussions in fast-moving startup environments. TECHNICAL SKILLS

Frontend: React.js, Next.js (App Router / SSR / SSG / ISR), TypeScript, JavaScript (ES6+), HTML5, CSS3, Tailwind CSS, Styled-Components, SCSS, Framer Motion, Svelte, Bootstrap, Ant Design State & Data: Redux / Redux Toolkit, TanStack Query, SWR, Apollo Client, GraphQL, REST APIs, Context API, Zustand Build & Tooling: Vite, Webpack, Babel, Storybook, ESLint, Prettier AI-Powered UI: Vercel AI SDK, React Server Components with AI Streaming, Copilot & chatbot UI patterns, Prompt Engineering Performance & Quality: Core Web Vitals, SSR / SSG / ISR, Code Splitting, Lazy Loading, Lighthouse CI, Jest, React Testing Library

DevOps & Cloud: Docker, CI/CD, Azure, Google Cloud, pm2 Workflow: Git, Bitbucket, Jira, Notion, Figma, VS Code, Agile / Scrum WORK EXPERIENCE

Senior Frontend Developer Cyble Inc.

Jun 2022 – Feb 2026 Bengaluru, India

• Architected a production-grade React.js threat-intelligence platform from scratch using Vite, Redux Toolkit, TanStack Query, Tailwind CSS, and Framer Motion — improving user engagement and page-load performance measurably.

• Translated Figma wireframes into pixel-perfect responsive interfaces, delivering new features end-to-end across browsers and devices.

• Built and maintained a reusable UI component library shared across teams, cutting feature development time and improving consistency.

• Implemented SSR and code splitting with Next.js App Router, driving measurable Core Web Vitals improvements across the product.

• Applied strategic thinking to UI/UX ideation; multiple proposals adopted directly into the product roadmap.

• Conducted code reviews, established frontend coding standards, and mentored junior developers — acting as the go-to frontend authority.

Senior Frontend Developer Engine Media / Vemba Technology Sep 2021 – May 2022 Remote

• Built scalable React.js and Next.js video-media applications from scratch using Vite, CSS-in-JS (Styled-Components), and React Query for efficient server-state management.

• Developed reusable component-level styles improving isolation, maintainability, and consistency across the application.

• Integrated third-party media APIs and REST endpoints, enabling real-time video analytics features adopted by enterprise clients.

• Contributed UI/UX innovation and interaction patterns that shaped the visual and functional direction of core product flows.

• Optimized Webpack bundle configuration, reducing initial load time significantly. Senior Full Stack Developer EngineerBabu

Sep 2020 – Sep 2021 Remote

• Designed and implemented a GraphQL API layer using Apollo Client for declarative data fetching — eliminating manual loading-state tracking and enabling automatic UI updates.

• Built full-stack features end-to-end using React.js (frontend) and Node.js (backend), with PostgreSQL and MongoDB data layers.

• Led architecture discussions for state management, selecting Apollo Client over REST-based Redux for a data-heavy B2B product — delivering better customer experience through faster data delivery. Lead Full Stack Developer Almug Technologies Pvt. Ltd. Mar 2020 – Aug 2020 Bengaluru, India

• Built the frontend from scratch using React.js and Next.js, owning end-to-end UI architecture with Redux for state management.

• Led engineering team, setting technical direction on frontend/backend integration and CI/CD pipeline.

• Collaborated with stakeholders on product strategy and UX decisions, bridging design, technical, and business requirements. Software Developer Logically

Dec 2017 – Feb 2020 Mysore, India

• Participated in all SDLC phases for the Logically fact-checking platform — requirements gathering, design, development, and testing.

• Built responsive dashboards in React.js consuming RESTful APIs, improving editorial workflow efficiency.

• Optimized front-end rendering through lazy loading, memoization, and efficient state updates, reducing render time noticeably.

• Implemented interactive charts and data visualizations to support data-driven editorial decision-making. EDUCATION

B.E. in Computer Science and Engineering 2016

GSSS Institute of Engineering and Technology for Women, Mysuru CERTIFICATIONS & LEARNING

Certified in C, C++, Java and J2EE, C# with .NET, Android Technology, PHP, and MongoDB Currently learning: React Server Components, Vercel AI SDK, and AI-powered UI patterns (copilots, streaming interfaces, prompt engineering for frontend)

KEY HIGHLIGHTS

• 9+ years of product delivery across cybersecurity, media, fintech, and enterprise — with startup experience from early stage to growth.

• Multiple products built from scratch — greenfield frontend architecture through to production deployment and post-launch optimization.

• Go-to frontend authority: component libraries, coding standards, performance engineering, and pixel-perfect Figma-to-code implementation.

• Strong product sensibility — actively contributes to sprint planning, roadmap discussions, and UX decisions alongside product and design teams.

• Proven innovation and strategic thinking — regularly ideates and pitches design improvements adopted into the product roadmap.

Contact this candidate