Mohammad Zahid Ansari

• Designing and developing user interfaces for web applications using Figma, Tailwind CSS, and ShadCN.
• Creating responsive and user-friendly designs that enhance user experience.
• Collaborating with developers to implement designs and ensure proper functionality.
• Creating wireframes, mockups, and prototypes for web applications.

• Developed and maintained 3+ web applications using Next.js and React.js, enhancing load times by 60% and ensuring 99% uptime.
• Designed 15+ UI components with Tailwind CSS and ShadCN, improving accessibility and responsiveness by 35%.
• Developed RESTful APIs and optimized MongoDB queries, reducing API response time by 45% and improving database efficiency.
• Implemented secure authentication flows using Clerk, reducing login errors by 50% and enhancing user security.

• Designed and developed responsive web applications using React.js, Next.js.
• Implemented authentication, state management, and data flow optimizations for scalable applications.
• Built reusable UI components with ShadCN and TailwindCSS for rapid development.

Bachelor of Computer Applications (BCA)

Science (PCMB)

Introduction to Generative AI

Learn about generative AI , how generative AI works , generative AI model types , generative AI applications

Frontend Web Development Bootcamp

Hands-on training in React.js, Next.js, and UI/UX best practices.

Generate a shareable card for your GitHub profile with your contribution graph, stats, and a QR code. Perfect for sharing on social media or embedding in your portfolio.

Floral : An AI Image Node Editor that allows users to create and manipulate images using AI-powered nodes. Built with Vite , Gemini Nano Banana, and TypeScript.

Roomieo : A live video sync app that allows users to watch videos together in real-time and real-time chat , enhancing the shared viewing experience. Built with Nextjs , Supabase, and TypeScript.

Flappy Bird: A recreation of the classic game, featuring a leaderboard and real-time gameplay. Built with Expo React native, RNR components , Nativewind CSS.

Create custom QR codes with React and Tailwind CSS. This tool allows you to generate QR codes that can be used for various purposes, such as sharing links, contact information, or any other data you want to encode in a QR code format.

Klassiko: Transforming Education with Automated Exam Paper and Quiz Management. Klassiko is an innovative platform designed to revolutionize the process of exam and quiz management in educational institutions.

MoviesMod: Transforming Education with Automated Exam Paper and Quiz Management. Klassiko is an innovative platform designed to revolutionize the process of exam and quiz management in educational institutions.

I developed a Next.js, TypeScript, MongoDB finance tracking system with Clerk authentication, enabling users to log in, categorize transactions, and visualize financial data through an interactive dashboard.

The passionate advocates of the culture and the artisans who keep their traditions. Associated with Techmier.

Great Journey Tour - E-commerce website built with Shopify and Next.js

Maximiseteck Store - E-commerce website built with Shopify and Next.js

A fun, lovely homepage concept for Ameeco, a cookies & gelato brand focused on cute, feel‑good treats.

A complete e-commerce website design for Hair Trigger, a luxury hair care brand featuring a modern UI with a purple gradient color scheme.

A comprehensive medical center website design encompassing all services and key clinic details across a clean, trustworthy interface.

I redesigned and rebuilt Techmier's website for a more interactive and engaging experience, optimizing performance with Next.js, NextUI, and JavaScript, and adding PWA support for a fast, seamless user experience.

Created a task management app designed for productivity, allowing users to organize tasks, set priorities, and stay efficient. Developed with React + Vite and available as a downloadable web app.

Colorgen is a random color generator designed to help designers quickly find new color inspiration. Built with JavaScript, HTML, and Tailwind CSS, Colorgen provides a visually appealing interface for discovering and selecting colors.

Passgen is a secure password generator that creates random passwords using alphabets, numbers, and special characters. Built with JavaScript, HTML, and CSS, Passgen provides an easy-to-use interface to enhance your online security.

QRgen is a versatile QR code generator that allows you to quickly and easily create QR codes by providing text. Whether you need to generate QR codes for URLs, contact information, or any other text data, QRgen simplifies the process.

Built a tech-focused course platform with dynamic course pages, providing a seamless learning experience.

Redesigned multiple pages using HTML, CSS, and JavaScript within a Graphy CMS-hosted platform to improve usability and engagement.