Project Overview
I developed this website to showcase the Pingoos NFT Ordinals Collection, a collection created by my friend. Each unique Pingoos character is encoded as a Bitcoin Ordinal, making it a distinctive part of the NFT space.I built the site using Next.js, Tailwind CSS, and WebGL, ensuring fast performance, a clean design, and interactive 3D models of the Pingoos characters.In addition to the NFT collection, I integrated and published several WebGL games that I created using Unity. Visitors can play these games online and compete on an Azure-hosted leaderboard.
Check out the Pingoos NFTs and the games I developed, all available on this platform.
My Contributions
Using React, I turned a Figma design into a fully functional site, built with Next.js and Tailwind CSS. I also created and integrated all the WebGL games using Unity and hosted the site as a Next.js app.

elkarrita.com

Web Design
Project Overview
Welcome to Elkarrita, your one-stop online shop inspired by the charm of my country traditional market carts! My platform features a diverse range of products, from unique 3D printables crafted by my brother and me (yes, we actually made those!), to cutting-edge virtual reality gifts that elevate your tech experience. Explore our delicious homemade granola, a labor of love created with my friend (because, yes, I can cook good granola!). What sets Elkarrita apart is my innovative XR feature, allowing you to view select 3D models in real time using your camera or a VR headset—perfect for examining details before making a purchase. Built with React, Tailwind, MongoDB, Three.js, and Needle.js from Unity, our website is designed for seamless browsing and a delightful shopping experience. Discover the magic of Elkarrita today!
My Contributions
Using React, I turned a Figma design into a fully functional site, built with Next.js and Tailwind CSS.
Project Overview
I recently created a dynamic e-commerce landing page for my company, Compagine, showcasing a wide range of products for Saudi National Discount Day. The site features an automated product list, providing a seamless shopping experience for customers looking to take advantage of exclusive offers.
My Contributions
Using React, I turned a Figma design into a fully functional site, built with React.js and Tailwind CSS. and webflow
Project Overview
BrilliantXR is an innovative online platform that brings together cutting-edge WebXR features, offering everything from real-time video streaming and editing to immersive AR and VR experiences. Currently, only the landing page is available as the full platform is still under development, but exciting features are on the way.
Technologies Behind BrilliantXR:
Next.js
for the frontend, providing a sleek and responsive user interface.
WebRTC for real-time video data transfer, ensuring smooth and fast video streaming experiences.
AWS Cloud Infrastructure to host the powerful backend, including:
TensorFlow for AI-powered video analysis and editing capabilities.
Unity running on the cloud to render complex AR/VR experiences.
Socket.IO and FastAPI are used to facilitate real-time communication between the server and clients, ensuring seamless performance across all interactions.Stay tuned for the full release of BrilliantXR, where you can explore the future of interactive and immersive media!
My Contributions
Everything
Project Overview
I designed and developed my previous portfolio website using React. It showcases all my work through featured sliders, utilizes React hooks for dynamic functionality, and integrates APIs to retrieve content in real-time. I also incorporated Three.js with React to create interactive 3D elements, enhancing the overall user experience and Needle.