Ansari Souaib
Full Stack Developer
ABOUT ME
I help business owners and busy web developers to design & develop creative websites that fits their vision and attracts the visitors to stay for ever. Technologies and tools that I use to create such awesome websites.
- #javascript
- #react.js
- #redux
- #node.js
- #express.js
- #mongoDB
- #mongoose
- #cloudinary
- #ejs
- #html
- #css
- #sass
- #bootstrap
- #tailwind
- #git
- #github
- #aws
- #terminal
- #adobeXD
- #figma
MERN STACK
Latest Works
Junkies Coder
A high-performance, fully responsive website featuring a headless Strapi CMS backend and a Next.js frontend. It delivers a highly animated user experience with smooth scrolling and dynamic content generation, supporting internationalization (i18n), dynamic routing, and deep SEO optimization.
- #Next.js 16
- #React 19
- #TypeScript
- #Strapi CMS
- #TailwindCSS
- #Material UI (MUI)
- #GSAP
- #Framer Motion
- #Lenis
- #Google reCAPTCHA
MY Portfolio
The website is an online resume for showcasing professional experience, skills, and projects. It serves as a digital portfolio, providing a clean and accessible way to share personal career details.
- #HTML
- #CSS
- #JAVASCRIPT
GUNBOT V6
CHAT GEMINI V6 (Gunbot AI) is a sophisticated Next.js-based AI chat application that leverages Google's Gemini models to provide a rich, interactive conversational experience. It features persistent chat history via Firebase integration, project-based organization, prompt management, and advanced capabilities like prompt enhancement and file attachments. The platform offers a premium, animated UI with support for multi-model selection and a dedicated live voice/chat interface for real-time interaction.
- #Next.js 15
- #React 18
- #TypeScript
- #Tailwind CSS
- #Styled Components
- #Google Generative AI (@google/genai)
- #Firebase (Auth & Firestore)
- #React Markdown
- #Remark GFM
- #Highlight.js
- #html2pdf.js
- #PostCSS
- #Autoprefixer
- #ESLint
GUNBOT V5
A feature-rich AI assistant built with modern web technologies and powered by the Google Gemini API. It offers a responsive multi-model chat interface with real-time voice interaction, image analysis capabilities, and secure user authentication with cloud storage for chat history using Firebase.
- #HTML
- #CSS
- #JavaScript
- #Google Gemini API
- #Firebase
VIBE CODER
Vibe Coder is an advanced AI-powered website builder that transforms natural language prompts into fully functional, responsive code in real-time. Built with Next.js 15, TypeScript, and Tailwind CSS, it features a live streaming engine powered by Gemini 2.5 and multi-model support (OpenRouter, Groq). The platform includes a comprehensive visual editor, instant preview capabilities, and seamless one-click deployment.
- #Next.js
- #React
- #TypeScript
- #Tailwind CSS
- #Firebase (Auth
- #Firestore)
- #Google Gemini API
- #OpenRouter API
- #Groq API
- #Vercel
- #Node.js
RAJ ACCESSORIES
Raj Accessories is a comprehensive full-stack e-commerce platform designed to provide a seamless online shopping experience. The application features a responsive and dynamic user interface built with React and Tailwind CSS, ensuring optimal performance across devices. It includes secure user authentication, an intuitive product catalog with advanced filtering, and a robust cart and checkout system integrated with Razorpay. Powered by a Node.js and Express backend with MongoDB, the platform efficiently manages real-time data, order tracking, and automated invoice generation.
- #React
- #Node.js
- #Express.js
- #MongoDB
- #Tailwind CSS
- #Context API
- #Vite
- #Razorpay
- #Cloudinary
- #Firebase
- #Google OAuth
FOODIE
Foodie-webapp is a feature-rich food delivery platform that connects users with local restaurants through a seamless ordering interface. Built with React and Redux Toolkit, it offers a responsive design with real-time order tracking using Socket.io and interactive maps via Leaflet. The application ensures secure access with in-app OTP verification and features a robust backend powered by Node.js and MongoDB for managing shops, menus, and orders. It also integrates Razorpay for secure payments and provides a comprehensive dashboard for shop owners to manage their inventory.
- #React
- #Redux Toolkit
- #Node.js
- #Express.js
- #MongoDB
- #Tailwind CSS
- #Socket.io
- #Leaflet
- #Firebase
- #Nodemailer
- #Razorpay
CHITCHAT
ChitChat is a real-time messaging application designed for seamless communication. Built with React and Zustand for efficient state management, it features a modern, responsive UI styled with Tailwind CSS and DaisyUI. The backend, powered by Node.js and Express, utilizes Socket.io to enable instant messaging and live user status updates. The application ensures secure authentication with JWT and includes features like image sharing via Cloudinary and email notifications using Resend.
- #React
- #Zustand
- #Node.js
- #Express.js
- #MongoDB
- #Socket.io
- #Tailwind CSS
- #DaisyUI
- #Cloudinary
- #Resend
- #JWT
- #Vite
NOVA NEWS
NovaNews is a futuristic, AI-powered news dashboard built with React and TypeScript that delivers real-time breaking and trending news. It leverages the Google Gemini API to generate structured news content and analyze weather conditions to dynamically adjust the UI's "vibe" and color theme. The application features a responsive, glassmorphism-inspired design using Tailwind CSS and Framer Motion for immersive 3D animations, along with an integrated AI chat agent for interactive news exploration.
- #React
- #TypeScript
- #Google Gemini API
- #Tailwind CSS
- #Framer Motion
- #Vite
- #Lucide React
- #Pollinations.ai
AUTOGRAPH-i
A cutting-edge digital storefront for a premium men's fashion brand, built with React 19 and Vite for blazing-fast performance. The site features an immersive user experience with 3D interactive elements powered by Three.js and React Three Fiber, alongside buttery-smooth scrolling via Lenis and complex GSAP animations. Styled with TailwindCSS, it delivers a highly responsive and visually stunning interface that perfectly reflects the brand's modern aesthetic.
- #React
- #Vite
- #Tailwind CSS
- #Three.js
- #React Three Fiber
- #GSAP
- #Lenis
- #Lucide React
- #OGL
MHK MART
A dynamic single-page application for a comprehensive retail store, featuring sections for fresh produce, daily essentials, and an in-house food menu. Built with React and Vite, the site delivers a seamless shopping experience with smooth scroll animations powered by Framer Motion and a fully responsive layout using Tailwind CSS. It includes interactive 3D elements and a polished UI to showcase the brand's diverse offerings, from corporate gifting to daily groceries.
- #React
- #Vite
- #TypeScript
- #Tailwind CSS
- #Framer Motion
- #Three.js
- #React Three Fiber
- #Lucide React
CRICKETER
Cricketer is an immersive, browser-based cricket game built with React and TypeScript. It features a custom game engine utilizing HTML5 Canvas for realistic ball physics and player animations. The game offers a dynamic experience with live, AI-generated commentary powered by the Google Gemini API, multiple difficulty levels, and responsive controls optimized for both desktop and mobile devices. Players can select characters and compete in a target-chase mode with real-time score tracking.
- #React
- #TypeScript
- #Google Gemini API
- #HTML5 Canvas
- #Vite
- #CSS3
GUNMAN RUNNER
Gunman Runner is a high-octane 3D endless runner game built for the web, featuring procedurally generated cyberpunk environments and dynamic obstacle courses. It delivers an immersive arcade experience with responsive controls, a progressive difficulty system, and a virtual shop for unlocking power-ups and abilities. The project showcases advanced 3D rendering and state management to ensure smooth performance across devices.
- #React
- #TypeScript
- #Three.js
- #React Three Fiber
- #Zustand
- #Vite
- #Tailwind CSS
- #Lucide React
Supreme Engineering
Supreme Engineering Landing Page A high-performance corporate landing page for an agricultural machinery manufacturer, showcasing gravity separators and turnkey seed cleaning plants. Built with a modern, responsive interface to present product specifications and business details, featuring optimized SEO and smooth animations to enhance the user experience and digital presence.
- #HTML
- #CSS
- #JavaScript
- #TypeScript
- #React
- #TailwindCSS
- #Framer Motion
- #Vite
- #Lucide React
WEB DEV
WebDev is a sleek and modern e-learning platform designed by Ansari Souaib. It offers a personalized dashboard for students to track their activity, including likes, comments, and saved playlists. The site provides a wide range of courses with a focus on popular web development topics like HTML, CSS, and JavaScript, all presented in a clean, user-friendly interface.
- #html
- #css
- #javascript
- #web3forms
STOM V4
STOM is a sophisticated AI chatbot developed by Ansari Sohaib, powered by the advanced Gemini Pro API. Its sleek, modern interface offers an intuitive user experience with enhanced features like file uploads, hands-free voice typing, and a stop response button for greater control. This new version transforms STOM into a versatile and powerful AI assistant, capable of handling a wide range of queries and tasks seamlessly.
- #html
- #css
- #javascript
- #Geminiapi
- #node.js
THE HUNGRY GUNMAN
The website is a restaurant food ordering platform that allows customers to browse the menu and place orders online. It offers a user-friendly interface with an attractive layout and features an interactive 3D menu, enhancing the food selection experience. This makes ordering both simple and engaging for users.
- #node.js
- #html
- #css
- #javascript
- #3Dmenu
- #figma
FITNESS FIRST GYM
A modern, responsive landing page designed for 'Fitness First Gym' in Himatnagar. The project features a sleek dark-themed UI that highlights trainer profiles, facility amenities, and tiered membership plans in an organized grid layout. It includes interactive elements like WhatsApp integration and strategic call-to-action buttons to maximize user engagement and lead generation.
- #React
- #TypeScript
- #Vite
- #Tailwind CSS
- #Framer Motion
- #Three.js
- #tsParticles
- #Lottie
HOTEL FLORA
A modern, high-performance hotel booking website built with Next.js 16, Supabase, and TailwindCSS. It features a complete booking flow with real-time availability checks, secure Razorpay payment integration, and automated email notifications via Nodemailer. The site delivers a premium user experience with Framer Motion animations, a fully responsive mobile-first design, and comprehensive SEO optimization. It also includes a custom JSON-based CMS for effortless content management, demonstrating scalable serverless architecture.
- #Next.js
- #React
- #TypeScript
- #Tailwind CSS
- #Supabase
- #PostgreSQL
- #Framer Motion
- #React Hook Form
- #Zod
- #Nodemailer
- #Razorpay
GUNMAN'S HEAVEN
Gunman's Heaven is a user-friendly hotel booking website designed for seamless browsing and reservations. With an elegant interface, it provides a smooth experience for finding and booking the perfect stay.
- #html
- #css
- #javascript
- #bootstrap
- #figma
- #node.js
STORM
Powered by the Gemini API, CHATBOT STORM delivers fast, accurate responses in a sleek, user-friendly interface. Its intuitive design and advanced functionality provide a smooth conversational experience for users.
- #html
- #css
- #javascript
- #geminiAPI
- #node.js
Shadow Run
Shadow Run is an atmospheric side-scrolling game created by Sohaib, immersing players in a beautifully stark, monochromatic world. Featuring a striking silhouette art style, you guide a lone character through haunting, misty landscapes. What makes the game unique is its intuitive control scheme, using simple mouse scrolls or touch gestures to navigate the mysterious environment. The goal is to run as far as you can, surviving in this visually captivating and challenging world.
- #html
- #css
- #javascript
Gun Bot
Meet Gunbot, a sleek AI assistant developed by Ansari Shoaib, featuring a vibrant, futuristic cyberpunk interface. Designed for convenience, Gunbot can open applications like YouTube and WhatsApp, tell you the current time, and instantly search for information on Google and Wikipedia. This intelligent assistant combines stylish visuals with practical, voice-activated commands to streamline your daily digital tasks.
- #html
- #css
- #javascript
WEATHER TODAY
Weather Today website provides accurate, up-to-date weather data in a clean, easy-to-navigate interface. Designed for quick access to forecasts, it enhances user convenience and planning.
- #html
- #css
- #javascript
- #node.js
- #restAPI
STICK HERO
This Stick Hero game provides a sleek, minimalist interface paired with engaging mechanics that test players' precision and timing. Designed for seamless gameplay, it delivers an enjoyable and skill-based experience.
- #html
- #css
- #javascript
SNAKE
This is a modern and minimalist take on the classic snake game, developed by Sohaib for the web. Featuring a sleek dark theme and intuitive on-screen touch controls, it offers a clean and engaging gameplay experience. Guide your snake to eat the food and grow longer in this stylish re-imagination of a timeless favorite.
- #html
- #css
- #javascript
WEBDEV CODES
A high-performance, role-based Online Education Platform built with Next.js. The platform features three distinct user interfaces: Students can browse courses, watch videos, and manage playlists; Teachers can upload content and track student engagement; and Admins maintain full control over site configuration, teacher approvals, and content moderation. It includes real-time communication via comments, a secure Firebase-backed authentication system, and optimized media hosting using Supabase Storage.
- #Next.js 15
- #React 18
- #Firebase Auth
- #Firebase Firestore
- #Supabase Storage
- #Tailwind CSS
- #Heroicons
- #Framer Motion
- #React Easy Crop
- #Lucide React
- #PostCSS
- #Lucide-React
- #JavaScript (ES6+).
What my clients are saying?
Souaib is a talented, committed individual who will leave no stone unturned in his pursuit to provide with the best. His attention to detail and in-depth experience in the of web development is indeed commendable.
Qavi Mansuri
Founder, Weather Today
Souaib was a wonderful developer to work with! He anticipated everything I need to consider for my website. He also went the extra mile and added details that I hadn't considered!
Kira Bragg
English Mentor
I worked with Souaib to make my website. I am speechless by looking at his work ethic and dedication. Working with him was the best decision I made.
Raza Mansuri
Founder, The Hungry Gunman
I can bet that it's too hard to find professional developers like Souaib. He could peek inside my mind and made the site exactly as I wanted. Much appreciated.
Sakil Ansari
Founder, Gunman's Heaven
Let's connect
