Projects using Tailwind CSS in GhaziabadProjects using Tailwind CSS in GhaziabadI 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.
