My Works

Selected software engineering projects, applications, and libraries

AI-Powered UI/UX Design Creator preview

AI-Powered UI/UX Design Creator

ProfessionalNext.jsTypeScriptAITailwind CSSUI/UX

An advanced AI-powered UI/UX creation platform built with Next.js, designed to streamline the entire design process from concept to execution. The app enables designers and developers to convert ideas and text prompts into well-structured layouts, responsive components, and complete user flows. With a focus on speed, consistency, and usability, it supports rapid iteration, design refinement, and seamless collaboration. By bridging the gap between design and development, the platform helps teams create modern, scalable, and user-centric interfaces efficiently.

Red Bull F1 Blueprint preview

Red Bull F1 Blueprint

PersonalNext.jsThree.jsWebGLInteractiveTailwind CSS

A detailed breakdown of the engineering behind a Red Bull Racing Formula 1 car. Explore the intricate components that make up the machine, from aerodynamic surfaces and suspension systems to the power unit and cooling structures. Each part is clearly identified and explained, helping you understand its role in speed, stability, and efficiency. Discover how advanced materials, precision design, and innovative engineering work together to create one of the fastest and most sophisticated machines in motorsport.

NeuroFill : SaaS Web App preview

NeuroFill : SaaS Web App

ProfessionalNext.jsPrismaTypeScriptGemini AIPostgreSQLSaaS

Neurofill is an innovative SaaS web application powered by Next.js, Prisma, and TypeScript, designed to meet diverse creative and professional needs. It leverages Gemini AI to enhance user experience with intelligent assistance across its tools, including a Resume Maker, QR Code Generator, Invoice Generator, and Privacy Policy & Terms Generator. With features like email verification, password reset, and forgot password, Neurofill combines powerful AI capabilities with secure user management to help individuals and businesses streamline their tasks efficiently.

Red Bull 3D Showcase preview

Red Bull 3D Showcase

PersonalNext.jsThree.jsGSAPFramer MotionTailwind CSS

Red Bull Racing 3D Showcase is an immersive web experience built with Next.js and Three.js to bring the thrill of Red Bull Racing to life. This app features a high-quality 3D model of a Red Bull Racing car along with a Red Bull drink, allowing users to explore these elements in a dynamic, interactive environment. With smooth animations powered by GSAP and Framer Motion, users can enjoy a seamless and engaging experience. The app utilizes React Three Fiber and Drei to render realistic 3D visuals, ensuring high performance and interactivity.

Real Estate Web App preview

Real Estate Web App

ProfessionalNext.jsTypeScriptPostgreSQLNextAuthTailwind CSSFramer Motion

Built a robust real estate web app with Next.js, TypeScript, and PostgreSQL, featuring 24 routes. Implemented property listing, filtering, and editing, secure authentication via NextAuth (Google OAuth), and an admin panel for activity monitoring. Added support for reviews, blogs, and strong security measures against XSS and SQL injection. Styled with Tailwind CSS and enhanced with Framer Motion animations for a smooth user experience.

Threads Web Clone preview

Threads Web Clone

PersonalNext.jsTypeScriptTailwind CSSJWTServer ActionsFramer Motion

Threads Clone is a fully functional Clone of Meta's Threads, where users can create posts (threads), like and reply to them (including images), follow and unfollow other users, and manage their profiles securely. It features a modern authentication system using JWT-based authentication via cookies, ensuring user data security. The app boasts a sleek, responsive UI built with Tailwind CSS and enhanced with smooth animations powered by Framer Motion. The backend is designed for performance and security, utilizing Next.js server actions to handle data efficiently.

Instagram Clone Mobile App preview

Instagram Clone Mobile App

PersonalReact NativeTypeScriptFirebaseMobile AppReal-Time

Instagram clone app, developed using React Native, TypeScript, and Firebase, closely replicates the appearance and functionality of the original Instagram. The app allows users to browse and interact with feeds, watch reels, like posts, follow other users, and share their own photos and reels. With real-time updates powered by Firebase, users experience seamless interactions and instant feedback. Additionally, the app includes real-time chatting functionality, allowing users to send and receive messages instantly, enhancing the social experience.

WhatsApp Web Clone preview

WhatsApp Web Clone

PersonalReactNode.jsExpressSocket.IOWebRTCMongoDB

This WhatsApp Web Clone is a real-time messaging app built with React for the frontend and Node.js with Express for the backend. It features Socket.IO for real-time chat, JWT-based authentication, and end-to-end encryption using crypto-js. Users can send messages, share statuses, and make video calls using Simple Peer. The app includes online/offline indicators, typing status, and chat history storage with MongoDB. Designed with Tailwind CSS, it replicates the responsive UI of WhatsApp Web.

Codex : Developers Social Network preview

Codex : Developers Social Network

ProfessionalNext.jsTypeScriptPostgreSQLNextAuthFramer Motion

This web app is a developer-focused social network where users can share and discuss code snippets. Built with Next.js, it features authentication through Google and GitHub via NextAuth, a PostgreSQL backend for secure data management, Tailwind CSS for modern styling, TypeScript for robust development, and Framer Motion for smooth animations.

TypeScript Real-Time Chat App preview

TypeScript Real-Time Chat App

PersonalTypeScriptReactNode.jsPostgreSQLSocket.IO

This Chat App is a modern chat application designed for seamless communication between friends. Users can send friend requests and engage in real-time chats powered by Socket.IO. Prioritizing security, the app employs JSON Web Tokens (JWT) and bcrypt for secure password hashing, ensuring user data remains safe. Built with React (using TypeScript) for the frontend and Node.js with Express for the backend, along with PostgreSQL for efficient data management.

Expense Tracker Mobile App preview

Expense Tracker Mobile App

PersonalReact NativeTypeScriptTanStack QueryMobileFinance

The Expense Tracker app is a React Native application built with TypeScript, utilizing TanStack Query for efficient data fetching and state management. It offers a seamless experience for tracking and categorizing expenses, with intuitive navigation and secure data storage. The app's responsive design ensures users can easily monitor their spending and stay in control of their finances.

Design System with React & TypeScript preview

Design System with React & TypeScript

ProfessionalDesign SystemReactTypeScriptTailwind CSSAccessibility

Our design system, built with React and TypeScript, is a collection of reusable components and guidelines that ensures consistency and efficiency across applications. It features a modular component library, type safety for enhanced reliability, customizable theming, and a focus on accessibility. With comprehensive documentation and responsive design principles, our system streamlines development, fosters collaboration between teams, and supports scalable, user-centered applications.