Projects using Tailwind CSS in New DelhiProjects using Tailwind CSS in New DelhiI built a professional, end-to-end AI Receptionist system designed to automate clinic appointment management. This isn't just a chatbot; it's anĀ AI AgentĀ that can reason, use tools, and manage a live database autonomously.
Key Contributions:
Agentic Reasoning:Ā IntegratedĀ CrewAIĀ withĀ Llama 3.3 (Groq)Ā to enable the agent to understand complex user intents (Booking vs. Cancellation) and relative time (e.g., "next Tuesday at 3pm").
Autonomous Tool Use:Ā Developed custom Python tools that allow the agent to verify real-time availability in aĀ SQLite databaseĀ and execute atomic transactions without human intervention.
High-Performance Backend:Ā Built a robust API usingĀ FastAPIĀ to handle asynchronous requests between the AI agent and the database.
Premium Dashboard:Ā Designed a modern,Ā Glassmorphic UIĀ using Tailwind CSS that provides a real-time sync of the clinicās schedule.
The Result:
A seamless, hands-free system that reduces administrative overhead by 100%, allowing clinic staff to focus on patients while the AI handles the entire scheduling lifecycle.
Tech Stack:
Python, CrewAI, Groq API, FastAPI, SQLite, Tailwind CSS Project Overview
I engineered a premium, high-conversion landing page for NickArt Productions' "iPhone Reel Masterclass". The objective was to build a digital experience that matched the high-end, cinematic quality of the filmmaking course itself, ultimately driving sign-ups and waitlist captures.
What I Built & Key Highlights:
ā¢ Cinematic UI/UX: Designed and developed a custom dark-mode aesthetic featuring WebGL-powered dynamic backgrounds, subtle grain overlays, and glassmorphism components to create a truly immersive, premium feel.
ā¢ Fluid Interactivity: Implemented buttery-smooth scrolling (via Lenis) and complex, scroll-triggered micro-animations (via Framer Motion) to keep users engaged as they navigate the curriculum and student testimonials.
ā¢ Conversion-Optimized Architecture: Structured the page to guide users through a compelling narrativeāfrom a high-impact hero section to interactive "Bento Grid" feature showcases, before-and-after sliders, and dynamic student success galleries.
ā¢ Agile Lifecycle Management: Successfully adapted the platform's state from an active "Buy Now" checkout flow to a highly optimized "Coming Soon" waitlist capture, ensuring continuous lead generation between course cohorts.
The Tech Stack:
Built from the ground up for blazing-fast performance using bleeding-edge web technologies: React 19, TypeScript, Vite, Tailwind CSS v4, Framer Motion and OGL (WebGL). ShopEase ā Shop Management System
ShopEase is a full-stack inventory and order management system designed to streamline retail operations for small to medium-sized businesses. Built using the MERN stack (MongoDB, Express.js, React, Node.js), it offers a robust backend API and a responsive frontend interface for both administrators and customers.
š§ Backend Highlights (ShopEase_ShopManagementSystem_Backend)
User Authentication: Secure login and role-based access for admins and staff using JWT.
Product Management: Full CRUD operations with category support, image uploads via Cloudinary, and advanced filtering, sorting, and pagination.
Order Management: Create, track, and analyze orders with real-time status updates and analytics endpoints.
Customer Sessions: Lightweight session handling for customer interactions.
Deployment Ready: Configured for Render with environment variable support.
šļø Frontend Highlights (ShopEase_ShopManagementSystem_Frontend)
Customer Interface: Browse products, manage cart (via local storage), and place orders with a clean UI.
Admin Dashboard: Manage inventory and orders efficiently.
Responsive Design: Built with Bootstrap for seamless experience across devices.
Session Handling: Cookie-based session management for persistent user experience.
Deployment Ready: Optimized for Vercel with configurable API endpoints.
