Muhammad Ayyan

Muhammad AyyanAug 1, 2026

I have been working on something I am genuinely excited about called Algoverse. It is a website where you can learn data structures and algorithms through live interactive 3D visualizations instead of just reading text and staring at complexity tables. The idea came from something I kept running into while learning DSA myself. You read about how a binary search tree works or how Dijkstra's algorithm finds the shortest path, and you understand it in theory, but it never really clicks until you actually see it happen step by step. So I decided to build a place where that visual understanding comes first. Right now the site covers trees like binary search trees, tree traversals and binary heaps, along with graph algorithms like breadth first search, depth first search and Dijkstra's algorithm. Each one comes with its own visualization and a quick breakdown of the time and space complexity so you are not just watching something move on screen but actually understanding why it behaves the way it does. I also added a little robot companion I am calling R3. He is meant to feel like a friendly guide walking you through the site. He is still a work in progress though, right now he is a bit too enthusiastic about standing exactly where the algorithm cards are, so I am currently teaching him some manners and better scroll etiquette. This is very much a work in progress and I am learning a lot while building it, both about DSA itself and about actually shipping a product end to end. I would genuinely love feedback from anyone who has ever felt like DSA could be taught in a more intuitive way, or from anyone who just wants to poke around and break things for me. You can check it out here https://lnkd.in/exPeAGfD #buildinpublic #webdevelopment #datastructuresandalgorithms #softwareengineering #sideproject

Muhammad AyyanJul 3, 2026

Most websites are built to display information. I wanted to build one that people would actually remember. Instead of another static landing page, I challenged myself to create an immersive web experience using modern frontend technologies while keeping performance and responsiveness in mind. This project combines interactive 3D scenes, smooth animations, and clean UI to show what's possible when design and development work together. Tech Stack ⚡ React.js ⚡ Three.js ⚡ React Three Fiber (R3F) ⚡ GSAP ⚡ Tailwind CSS ⚡ Vite Some of the things I focused on: • Interactive 3D experiences • Smooth animation timelines • Responsive layouts • Component-based architecture • Optimized rendering • Modern UI/UX • Performance-first development As someone who enjoys both frontend engineering and full-stack development, I love building applications that don't just function well—they leave an impression. This project is one step in that journey, and I'm continuously exploring ways to push the boundaries of what can be built on the web. I'm currently looking for opportunities as a Full Stack Developer or Frontend Developer, where I can build modern web applications using React, Next.js, Node.js, Express, MongoDB, Three.js, React Three Fiber, and GSAP. If you're hiring, collaborating on something exciting, or simply have feedback, I'd love to connect. #OpenToWork #FullStackDeveloper #FrontendDeveloper #SoftwareEngineer #ReactJS #ThreeJS #ReactThreeFiber #GSAP #NodeJS #ExpressJS #MongoDB #MERN #WebDevelopment #CreativeDeveloper #InteractiveWeb #UIUX

Muhammad AyyanAug 31, 2026

Just shipped SiteAuditor a free tool that grades any website like a credit score. Performance, accessibility, SEO, and security, scored 0-100, in about a minute. No account, no fake numbers. The idea started simple: with everyone (myself included) vibe-coding sites in a weekend now, I wanted an honest way to check if a site was actually good not just "looks good in the demo." So I built the whole scoring pipeline myself instead of wrapping someone else's API. Some of the technical bits: → Real Google Lighthouse running programmatically against headless Chrome (chrome-launcher + the lighthouse Node API), containerized so it's an actual browser doing the work, not a mocked score → Live streaming results over Server-Sent Events and the client subscribes to a stream and renders each check (performance, a11y, SEO, security) as it completes, instead of one big blocking response → A custom security-header scanner I wrote from scratch which parses response headers directly (HSTS, CSP, X-Frame-Options, clickjacking protection) and scores them against real-world best practice, no third-party API → A same-domain broken-link crawler with a concurrency cap so it doesn't hammer the target site while it walks internal links → Supabase Postgres for storing audit runs, leads, and analytics, with the admin dashboard querying that data directly no separate analytics tool bolted on → Shipped in a real Docker container on Railway with actual Chromium installed in the image and not a serverless function faking it → An interactive 3D hero built with Three.js / React Three Fiber, because a boring landing page felt like a missed opportunity Stack: Next.js 14 (App Router) · TypeScript · Tailwind · Three.js / React Three Fiber · Supabase (Postgres) · Docker · Railway If you've vibe-coded a site recently (or shipped anything, honestly), run it through SiteAuditor and see what it finds. Would genuinely love the feedback — tell me what it gets right or wrong. https://lnkd.in/dyKaFcdw #webdev #frontend #nextjs #typescript #buildinpublic #fullstack