A passionate Web developer and UI/UX designer with a knack for crafting seamless, user-friendly digital experiences.

Velvet Pour is a visually rich, scroll-interactive website built to demonstrate seamless animation and storytelling through modern front-end techniques. The core feature is a scroll-synced cocktail video animation that enhances user engagement with smooth transitions and motion elements. This experience was designed for both desktop and mobile users, ensuring performance and responsiveness across devices.

Tech Stack:

• React.js – Component-based structure for maintainability

• GSAP & ScrollTrigger – High-performance animation & scroll control

• Framer Motion & Figma (Design) – Visual prototyping and fine-tuned UI

• Responsive CSS – Mobile-first approach with adaptive layout techniques

• FFmpeg – Used to compress and prepare scroll-synced video assets

A full-stack, AI-driven travel agency platform where users can explore and book customized travel plans generated using Gemini AI. Built with Appwrite authentication, users and admins can sign in via Google OAuth2. Admins get access to a powerful dashboard featuring real-time user stats, dynamic charts, and a trip planner with AI-generated itineraries and Unsplash image rendering. Each trip includes rich visuals, day-by-day plans, weather info, and booking options (payment integration in progress). Fully responsive, modern UI for all devices.

🔧 Tech Stack:

• Frontend: React, Vite, TypeScript

• Styling: TailwindCSS, Syncfusion Components

• Authentication & Backend: Appwrite (OAuth2, Database, Storage)

• AI Integration: Gemini AI, Unsplash API

• Error Monitoring: Sentry

• Deployment: Vercel

Dionysus is a full-stack SaaS application that integrates with GitHub to provide AI-powered commit summaries and an intelligent Q&A experience using Google Gemini. Users can manage projects, collaborate via invite links, and purchase credits using Stripe. The platform features authentication, a credit system, project archiving, and is fully responsive across all devices.

Tech Stack:

• Frontend: Next.js 15, Tailwind CSS

• Backend: Next.js App Router (API Routes, Server Actions)

• Authentication: Google OAuth, GitHub OAuth

• AI Integration: Google Gemini API

• Database: PostgreSQL

• Payments: Stripe

• Deployment: Vercel

This architect portfolio website showcases MR Architecture’s expertise in architectural planning, construction, and interior design. Designed for an engaging and seamless user experience, the website highlights past projects, services, and client testimonials while incorporating a Chatbase-trained chatbot to assist visitors.

Technologies Used

• Design: Figma (UI/UX)

• Development: Framer (No-Code)

• Chatbot: Chatbase Custom AI Chatbot

• Styling & Animations: Framer Components & Custom CSS