Skip to content
View Zriyaz's full-sized avatar

Block or report Zriyaz

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Zriyaz/README.md

👋 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

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.

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.

🤝 Let’s Connect


📊 GitHub at a Glance

Pinned Loading

  1. amazon-clone amazon-clone Public

    Amazon Clone

    JavaScript 1 1

  2. github-user-search github-user-search Public

    Github-Search-User-App is s Single page web-app which find the Github user's complete details about their repositories and profile. This App is developed using Reactjs, Styled components, Auth0,Git…

    JavaScript 1

  3. Movie_Finder Movie_Finder Public

    Movie_Finder is a React SPA which gives movie details and you can search your favourite movie by your self and find the all movie related info. Tools used in this Application are IMDB API, Styles-C…

    JavaScript 1

  4. Alan-News-App Alan-News-App Public

    Alan-News is a voice-based AI React Application which provides news from different channels based on your command (voice). This app also provides small talk with Alan which is so smart. it will giv…

    JavaScript 1

  5. Covid19-tracker-App Covid19-tracker-App Public

    A web application which gives the current situation of Covid19 details to the world and also individual countries. Developed by using Reactjs, Css and API.

    JavaScript

  6. e-commerce e-commerce Public

    This is a e-commerce website which I build for shopping. I used MERN technologies to build this application.

    JavaScript