Zriyaz - Overview

👋 Hi, I'm Md Riyaz Ansari

Senior Frontend Engineer — TypeScript · Node.js · React · Next.js · React Native

🌐 Portfolio · 📧 Email · 💼 LinkedIn · 🐦 Twitter

🚀 About Me

💻 Full Stack Engineer with 5+ years of experience building performant, scalable, and user-centric web and mobile applications.
⚡ Skilled in modern frontend architectures (React, Next.js, React Native) and robust backend systems (Node.js, Express.js, MongoDB, SQL).
🎯 Driven by user experience, code quality, and measurable business impact.
🧩 Passionate about creating design systems, real-time apps, and high-performance interfaces.
🧠 Lifelong learner, open-source contributor, and mentor/leader helping teams deliver exceptional digital products.

🛠️ What I Do

💻 Frontend Engineering

React, Next.js (App Router / SSR / ISR), TypeScript, Zustand, Redux, TanStack Query
Building responsive, accessible, and high-performance user interfaces
Creating scalable design systems and reusable component libraries

📱 Mobile Development

React Native, Expo, Native Module integration
Developing cross-platform apps with smooth animations and native performance

⚙️ Backend Engineering

Node.js, Express.js, MongoDB, SQL, Redis, WebSocket
Designing RESTful and real-time APIs with scalable architectures
Implementing caching, session management, and background jobs for better performance

🎨 UI/UX & Performance

Design systems, accessibility (WCAG), theming, and component consistency
Lighthouse tuning, code-splitting, prefetching, caching/CDN, lazy loading

✅ Quality & Testing

Type-safe APIs, Jest, React Testing Library, Playwright
CI/CD with GitHub Actions, code reviews, and DX-focused tooling

💡 Featured Projects

🧑‍💻 Online Coding Platform

Tech: TypeScript, Next.js, Convex, Clerk Auth, Webhooks, Shadcn UI, TailwindCSS

Developed a full-stack coding platform where developers can practice, share, and manage code submissions.
Implemented authentication, live data sync, and responsive UI for a seamless developer experience.

🗂️ File Storage

Tech: Next.js, TypeScript, HTML5, CSS3

Built a secure document management system with user authentication and organization-level access control.
Focused on data privacy, responsive layouts, and smooth file upload workflows.

🎬 Movie Finder

Tech: React.js, Styled Components, IMDB API, HTML5, CSS3

Created a movie search application fetching data from the IMDB API with optimized API calls and dynamic UI rendering.
Designed a clean, modern interface for browsing movie details quickly and efficiently.

🧰 Skills & Tools

Languages: TypeScript, JavaScript (ES6+), HTML, CSS/Sass
Frameworks: React, Next.js, React Native, Node.js
APIs & Databases: REST, GraphQL, Prisma, MongoDB, PostgreSQL
Tooling: Vite, Webpack, Turborepo, PNPM, ESLint, Prettier
Testing / CI: Jest, React Testing Library, Playwright, GitHub Actions
Cloud / Infra: Vercel, Netlify, AWS (Basics), Docker

🏆 Highlights

🧱 Built & scaled component libraries adopted across multiple teams and products.
⚙️ Led migrations to TypeScript and modern React patterns (hooks, server components).
⚡ Improved performance metrics (Lighthouse, CLS, TTI) through code-splitting and caching.
👥 Mentored engineers and collaborated closely with design/product teams for user-first features.

🌍 Open Source & Community

💬 I contribute to open-source projects and share learnings through blogs, talks, and tutorials.
🎙 Topics I love discussing: React/Next.js patterns, performance, TypeScript, and accessibility.