Hi there

My name is Asad Raza, I’m an aspiring award-winning web dev / digital designer and creative frontend engineer. I have a passion for all things technology and design, from software engineering & artificial intelligence to UI/UX & 3D graphics.

In addition to my love of technology and design, I am also interested in game development, education, history and economics.

Below are details of some of the projects I have developed over my four plus years of coding experience.

Projects

CodeSync

2025-Jan

• Next.js
• TypeScript
• Stream SDK
• Convex
• Clerk
• Shadcn UI
• Server Components
• Video Conferencing

CodeSync is a comprehensive video collaboration platform offering real-time conferencing, screen sharing, and recording capabilities within a sleek, responsive interface.

CodeSync is a modern video collaboration platform built with cutting-edge technologies to provide seamless communication experiences for remote teams. Leveraging Next.js with TypeScript for the frontend and Stream SDK for real-time communication, the platform offers crystal-clear video conferencing with multi-participant support, interactive screen sharing of entire screens or specific application windows, and high-quality recording capabilities. The application incorporates Clerk for secure authentication with multiple sign-in methods and role-based authorization, while Convex powers the database and backend for real-time data synchronization. With a responsive design implemented through Tailwind CSS and Shadcn UI components, CodeSync delivers an optimized experience across all devices. The architecture strategically utilizes Server Components for improved performance, Client Components for interactive elements, and Server Actions for secure operations, representing the next generation of remote collaboration tools with user experience at its core.

codesync.vercel.app

Codex Guys

2024-Apr

• React.js
• Three.js
• Physics Engine (Rapier)
• State Management
• Game Development
• React Three Fiber

A challenging obstacle course game built with React Three Fiber and Three.js.

Codex Guys is an immersive 3D obstacle course game that combines physics-based gameplay with smooth character animations and responsive controls. Developed using React Three Fiber and Three.js, the game features a state machine-based game loop, handling transitions from the main menu to countdowns, gameplay, and game-over states. Players experience realistic movement mechanics, including jumping, rotation, and collision detection, powered by the Rapier physics engine. A dynamic camera system ensures an engaging and fluid perspective, keeping the player focused on the course ahead. Whether for casual fun or competitive time trials, Codex Guys delivers an exciting and interactive experience.

codexguys.vercel.app

Skibidi

2024-Jul

• React.js
• Three.js
• React Three Fiber
• Wiggle Bones
• Mixamo

A dynamic 3D animation project implementing the Wiggle Bones library with React Three Fiber and Three.js.

Wiggle Bones with React Three Fiber brings physics-driven secondary animations to 3D scenes using React Three Fiber and Three.js. By leveraging the Wiggle Bones library, this project enables natural, springy motions for character models and dynamic objects, adding realism and fluidity to animations. Designed for seamless integration with Mixamo-animated characters, it allows fine-tuning of parameters such as stiffness, damping, mass, and gravity effects for precise motion control. Optimized for performance, it ensures smooth framerates while maintaining high-quality visuals within the R3F ecosystem. Whether for game development or interactive web experiences, this project enhances 3D animations with lifelike responsiveness.

skibidi.vercel.app

Code Codex

2024-Dec

• Next.js
• TypeScript
• Convex
• Clerk
• VSCode Integration
• Full-Stack Development
• Real-Time Systems
• API Integration
• Authentication

Code Codex is a next-generation online IDE that enables developers to write, test, and share code across 10 programming languages with real-time compilation and professional development tools.

Code Codex is a cutting-edge online IDE that transforms the developer experience with an extensive suite of features built on modern web technologies. Powered by Next.js 15 with TypeScript for the frontend and Convex for real-time data synchronization, the platform supports coding in 10 different programming languages with instant compilation feedback. The IDE offers a premium coding environment with 5 customizable VSCode-inspired themes, adjustable font sizes, and smart output handling that clearly differentiates between success and error states. Beyond basic coding capabilities, Code Codex provides professional tools including a comprehensive profile dashboard, statistics overview of coding patterns, community code sharing functionality, and advanced search with powerful filtering. With secure authentication through Clerk and a responsive design implemented with Tailwind CSS, the platform delivers a seamless experience for both coding enthusiasts and professionals. Premium users gain access to additional features including webhook integration, and custom themes, making Code Codex a complete solution for modern development workflows.

codecodex.vercel.app

Suburbia

2025-Jan

• Next.js
• TypeScript
• Three.js
• GSAP
• 3D Modeling
• React Three Fiber

Suburbia Skateboards is a cutting-edge 3D skateboard customization web application that allows users to design their dream boards in real-time with interactive 3D visualization.

Suburbia Skateboards is an immersive web application built with Next.js 15 and Three.js that revolutionizes how skateboarding enthusiasts design their perfect board. Users can customize every aspect of their skateboard in real-time 3D, from deck designs and patterns to truck colors, wheel options, and grip tape patterns. The application features smooth animations powered by GSAP, responsive design with Tailwind CSS. With server-side rendering for optimal performance, touch controls for mobile users, Suburbia Skateboards delivers a high-performance, SEO-optimized experience across all devices.

suburbia.vercel.app

---

Fizzi

2024-Sep

• Next.js
• TypeScript
• Three.js
• Tailwind CSS
• GSAP
• Vercel
• Web Dev

Fizzi is an immersive 3D-animated landing page for a fictional soda brand that showcases interactive product visualization with modern web technologies.

Fizzi is a captivating web experience that combines cutting-edge 3D visualization with smooth scroll-based animations to create an engaging product showcase for a fictional soda brand. Built with Next.js 14 and Three.js, the site features realistic 3D soda bottle models with custom materials and lighting that users can interact with. The project leverages GSAP for synchronized scroll animations that tell a story, and Tailwind CSS for a fully responsive design across all device sizes. With TypeScript implementation for enhanced code reliability and deployed on Vercel, Fizzi demonstrates how modern web technologies can create memorable brand experiences while maintaining optimal performance and SEO.

fizzi.vercel.app

This represents just a small selection of the projects I have worked on over the years. I have many more pieces of personal, university and design work.

Experience

Lead Frontend Developer

2024-Jun - 2025-Feb

• Next.js
• TypeScript
• OPENAI API
• Shadcn UI
• Software Design

Served as the frontend developer for my friend's startup, building the user interface from scratch using React and implementing responsive designs that aligned with the company's vision. I collaborated closely with the founding team to rapidly iterate on features based on user feedback while maintaining clean, scalable code architecture.

Contact

Reach out on LinkedIn