<h3>📖 Overview</h3><p><strong>ReCoSa</strong> is a scalable <strong>SaaS platform</strong> built to provide intelligent, <strong>content-based item recommendations</strong> via API. It enables businesses such as e-commerce platforms, food delivery apps, and online marketplaces to integrate <strong>AI-powered recommendations</strong> into their platforms effortlessly — without building ML infrastructure from scratch.</p><p>This system allows users to upload item data (with features like tags, categories, etc.), and in return, they get an API that returns <strong>smart recommendations</strong> for similar items — improving <strong>engagement, conversions, and user retention</strong>.</p><hr><h3>🧠 Why I Built It</h3><p>Recommendation systems drive modern digital experiences — whether it's Netflix, Amazon, or Zomato. I wanted to build a system where businesses can plug into <strong>personalized intelligence</strong> using a single API.</p><p>This project challenged me to combine <strong>Machine Learning, API security, usage tracking</strong>, and SaaS pricing — wrapped in a developer-friendly interface.</p><hr><h3>🧩 Key Features</h3><h4>🧬 AI-Powered Content-Based Recommendations<span style="font-weight: 400;">​</span></h4><ul><li><p>Accepts user-uploaded item data with rich metadata (name, tags, category, etc.)</p> </li><li><p>Automatically vectorizes and indexes content using cosine similarity</p> </li><li><p>Exposes REST API to retrieve N most similar items based on a given item</p> </li></ul><h4>🔐 Secure API Access<span style="font-weight: 400;">​</span></h4><ul><li><p>Each user gets a unique API key upon signup</p> </li><li><p>JWT-based authentication and protected endpoints</p> </li><li><p>API key usage tracking with limits (based on pricing tier)</p> </li></ul><h4>📊 Usage Analytics &amp; Pricing<span style="font-weight: 400;">​</span></h4><ul><li><p>Tracks number of API calls and data uploaded</p> </li><li><p>Users can view current usage and plan limits</p> </li><li><p>Pricing tiers define data caps and usage volume</p> </li></ul><h4>📁 File Upload and Data Parsing<span style="font-weight: 400;">​</span></h4><ul><li><p>Users can upload a CSV or JSON of their items</p> </li><li><p>Server parses, validates, and stores it securely</p> </li><li><p>Items can be updated/replaced anytime</p> </li></ul><h4>🌐 Ready-to-Use API<span style="font-weight: 400;">​</span></h4><ul><li><p>Simple REST API for:</p> <ul><li><p>Uploading item data</p> </li><li><p>Getting recommended items by ID</p> </li><li><p>Monitoring API usage</p> </li></ul> </li></ul><hr><h3>💻 Frontend Highlights<span style="font-weight: 400;">​</span></h3><ul><li><p>Built with <strong>React + Tailwind + ShadCN UI</strong></p> </li><li><p>Dashboard shows:</p> <ul><li><p>Uploaded items</p> </li><li><p>API usage stats</p> </li><li><p>Sample API code to integrate recommendations</p> </li></ul> </li><li><p>Clean, mobile-first interface</p> </li><li><p>Theme switcher (light/dark)</p> </li><li><span style="text-align: -webkit-match-parent;">Auth flow with Sign Up, Login, and API key management</span><br><br>  </li></ul><hr><h3>🛠 Tech Stack</h3><div> <table> <thead> <tr> <th> <div>Layer</div> </th> <th> <div>Tech Used</div> </th> </tr> </thead> <tbody> <tr> <td> <div>Frontend</div> </td> <td> <div>React, Vite, TypeScript, Tailwind, ShadCN UI</div> </td> </tr> <tr> <td> <div>Backend</div> </td> <td> <div>FastAPI (Python), Pydantic</div> </td> </tr> <tr> <td> <div>Database</div> </td> <td> <div>MongoDB Atlas + Motor (Async ODM)</div> </td> </tr> <tr> <td> <div>ML Engine</div> </td> <td> <div>Scikit-learn, Cosine Similarity, TF-IDF</div> </td> </tr> <tr> <td> <div>Auth &amp; API</div> </td> <td> <div>JWT, API Key Verification</div> </td> </tr> <tr> <td> <div>Hosting</div> </td> <td> <div>Vercel (Frontend), Render/EC2 (Backend)</div> </td> </tr> </tbody> </table><hr><h3>🧠 How It Works (Architecture)</h3><p><br></p><ol><li><strong style="text-align: -webkit-match-parent;">User uploads product data</strong><span style="text-align: -webkit-match-parent;"> with tags, categories, or descriptions.</span></li><li><span style="text-align: -webkit-match-parent;">System processes and stores feature vectors.</span></li><li><span style="text-align: -webkit-match-parent;">API endpoints allow:</span><br>    <ul><li><p>Similar item retrieval</p>      </li><li><p>Data upload/update</p>      </li><li><p>Usage tracking</p></li></ul>  </li><li><p>All APIs are secured by <strong>API key and JWT auth</strong>.</p>  </li></ol><hr><h3>💼 Real-World Use Cases</h3><ul><li><span style="text-align: -webkit-match-parent;">🛍️ </span><strong style="text-align: -webkit-match-parent;">E-commerce</strong><span style="text-align: -webkit-match-parent;">: Show "You may also like" or "Similar products"</span></li><li><span style="text-align: -webkit-match-parent;">🍱 </span><strong style="text-align: -webkit-match-parent;">Food apps</strong><span style="text-align: -webkit-match-parent;">: Recommend meals or items based on ingredients</span></li><li><span style="text-align: -webkit-match-parent;">📚 </span><strong style="text-align: -webkit-match-parent;">EdTech</strong><span style="text-align: -webkit-match-parent;">: Suggest similar courses or learning material</span></li><li><span style="text-align: -webkit-match-parent;">🎮 </span><strong style="text-align: -webkit-match-parent;">Gaming</strong><span style="text-align: -webkit-match-parent;">: Recommend similar in-game items or characters</span><br>  </li></ul><hr><h3>🧠 What I Learned</h3><ul><li><p>Turning an ML model into a real-world SaaS product</p>  </li><li><p>Designing secure, scalable APIs for external usage</p>  </li><li><p>Asynchronous operations with FastAPI + Motor</p>  </li><li><p>SaaS architecture: pricing logic, usage caps, multi-tenant API keys</p>  </li><li><span style="text-align: -webkit-match-parent;">Clean dashboard UI/UX with modern component libraries</span><br>  </li></ul><hr><h3>🚀 Future Roadmap</h3><ul><li><p>Add <strong>User-Based Collaborative Filtering</strong></p>  </li><li><p>Real-time recommendation updates (with WebSocket support)</p>  </li><li><p>Stripe integration for paid plans</p>  </li><li><p>SDKs in JavaScript and Python for easy integration</p>  </li><li><p>Admin dashboard to monitor all users, plans, and performance</p></li></ul></div>

Recosa

<h3>📖 Overview</h3><p>This is a full-featured, scalable E-commerce platform built with the <strong>MERN stack (MongoDB, Express, React, Node.js)</strong>. Designed to deliver a seamless shopping experience, the app supports <strong>user authentication, product browsing, cart management, order processing</strong>, and <strong>admin controls for product and order management</strong>.</p><p>From <strong>responsive UI</strong> to <strong>secure checkout flows</strong>, the application mimics the architecture and performance expected from real-world online stores.</p><hr><h3>🧠 Why I Built It</h3><p>E-commerce is one of the most widely-used domains in web development. I developed this app to gain mastery in building a <strong>production-ready, customer-centric application</strong>, where backend logic, secure transactions, and UI responsiveness are all essential.</p><p>This also challenged me to design <strong>real-world UX patterns</strong> (like filtering, pagination, and user dashboards) and manage state across multiple components effectively.</p><hr><h3>🔍 Key Features</h3><h4>👤 User Authentication</h4><ul><li><p>Register, login, logout</p> </li><li><p>Secure JWT-based authentication</p> </li><li><p>Role-based access (User vs Admin)</p> </li><li><p>Forgot password (via email - optional scope)</p> </li></ul><h4>🛍️ Product Management</h4><ul><li><p>Browse products by category, search, or keyword</p> </li><li><p>Pagination and filtering for scalability</p> </li><li><p>Product detail page with full info and images</p> </li><li><p>Admins can add, edit, delete products via a protected dashboard</p> </li></ul><h4>🛒 Cart &amp; Checkout</h4><ul><li><p>Add products to cart</p> </li><li><p>Update quantities, remove items</p> </li><li><p>Checkout flow with shipping details, order summary, and confirmation</p> </li><li><p>Order placement and persistence in database</p> </li></ul><h4>📦 Order Management</h4><ul><li><p>Users can view their order history</p> </li><li><p>Admins can view, update, or fulfill orders</p> </li><li><p>Order status updates (pending, shipped, delivered)</p> </li></ul><h4>📊 Admin Dashboard</h4><ul><li><p>Full control panel for managing:</p> <ul><li><p>Products</p> </li><li><p>Orders</p> </li><li><p>Users</p> </li><li><p>Categories</p> </li></ul> </li><li><p>Search and filter functionalities</p> </li><li><p>Modal-based UI for CRUD actions</p> </li></ul><h4>💡 Additional Features</h4><ul><li><p>Wishlist or save-for-later functionality (optional)</p> </li><li><p>Responsive layout for mobile/tablet/desktop</p> </li><li><p>Light/Dark mode toggle using ShadCN UI</p> </li></ul><hr><h3>🧑‍🎨 Frontend Excellence</h3><ul><li><p>Built with <strong>React + TypeScript + Vite</strong> for lightning-fast development</p> </li><li><p>Tailwind CSS and <strong>ShadCN UI</strong> for mobile-first, elegant UI</p> </li><li><p>Route-based rendering with React Router &amp; layout structure</p> </li><li><p>State managed via React hooks and local storage</p> </li></ul><hr><h3>🛠 Tech Stack</h3><div> <table> <thead> <tr> <th><div>Layer</div></th> <th><div>Tech Used</div></th> </tr> </thead> <tbody> <tr> <td><div>Frontend</div></td> <td><div>React, Vite, TypeScript, Tailwind CSS, ShadCN UI</div></td> </tr> <tr> <td><div>Backend</div></td> <td><div>Node.js, Express.js</div></td> </tr> <tr> <td><div>Database</div></td> <td><div>MongoDB + Mongoose ODM</div></td> </tr> <tr> <td><div>Auth</div></td> <td><div>JWT-based authentication</div></td> </tr> <tr> <td><div>UI/UX</div></td> <td><div>Mobile-first, Accessible, Theme Toggle UI</div></td> </tr> </tbody> </table><hr><h3>📁 Admin Panel Capabilities<span style="font-weight: 400;">​</span></h3><ul><li><p>Add/Edit/Delete products and categories</p></li><li><p>Manage all users and their roles</p></li><li><p>View and manage orders by status</p></li><li><p>Search/filter functionality across all admin pages</p></li></ul><hr><h3>🌱 What I Learned<span style="font-weight: 400;">​</span></h3><ul><li><p>Structuring a scalable full-stack app with clean separation of concerns</p></li><li><p>Handling authenticated routes and protecting admin resources</p></li><li><p>Creating reusable, accessible components using ShadCN UI</p></li><li><p>Designing user-focused, responsive e-commerce layouts</p></li><li><p>Managing app-wide state with minimal overhead</p></li></ul><hr><h3>🚀 Future Enhancements<span style="font-weight: 400;">​</span></h3><ul><li><p>Razorpay/Stripe integration for online payments</p></li><li><p>Email receipts and notifications</p></li><li><p>Product reviews &amp; ratings</p></li><li><p>Product image upload and CDN storage</p></li><li><p>Coupon system and cart discount logic</p></li><li><p>Real-time order status updates (using WebSockets)<br></p> </li></ul></div>

eCommerce Web Application

<h3><span style="font-size: 1.17em;">📖 Overview</span></h3><p>This is a robust and scalable Inventory Management System built with the <strong>MERN stack (MongoDB, Express, React, Node.js)</strong>, designed to streamline warehouse operations, product tracking, supplier management, and staff roles.</p><p>It provides an admin dashboard to <strong>control inventory lifecycle end-to-end</strong>, while allowing <strong>staff members limited access</strong> to manage stock updates. The system emphasizes <strong>role-based access, intuitive UI, responsive mobile-first design</strong>, and clean architecture with modular components.</p><hr><h3>🧠 Why I Built It</h3><p>Inventory systems are the heartbeat of any retail, warehouse, or e-commerce business. I wanted to build a real-world, production-grade solution that could handle everything from <strong>stock alerts to supplier records</strong>—fully aligned with how enterprise-level tools work. This also helped me solidify my understanding of REST APIs, component-driven frontend development, and practical database modeling.</p><hr><h3>🔍 Key Features</h3><h4>🔐 Authentication &amp; Roles</h4><ul><li><p>Signup, login, logout</p> </li><li><p>Role-based access: Admin vs User/Staff</p> </li><li><p>Staff can only view and update stock quantities</p> </li><li><p>Admin has full access to manage all entities</p> </li></ul><h4>📦 Products &amp; Categories</h4><ul><li><p>CRUD operations on Products &amp; Categories</p> </li><li><p>List and filter products with search functionality</p> </li><li><p>Product quantity tracking and price handling</p> </li><li><p>Responsive and elegant table UI with modals for Add/Edit actions</p> </li></ul><h4>🏬 Warehouses &amp; Suppliers</h4><ul><li><p>Add and manage multiple warehouses</p> </li><li><p>Supplier management with full CRUD operations</p> </li></ul><h4>📊 Stock Management</h4><ul><li><p>Update product stock</p> </li><li><p>Track stock logs (history of stock changes per product)</p> </li><li><p>Real-time notifications if stock drops below threshold</p> </li></ul><h4>🔔 Notifications</h4><ul><li><p>Smart alerts to notify admin when stock is low</p> </li><li><p>(Future scope: email-based alerts and analytics dashboards)</p> </li></ul><h4>👨‍💼 User &amp; Staff Management</h4><ul><li><p>Create, list, and update staff/users</p> </li><li><p>Assign roles and access dynamically (scalable for larger teams)</p> </li></ul><h4>🧑‍🎨 Frontend Excellence</h4><ul><li><p>Built using <strong>Vite + React + TypeScript + Tailwind CSS</strong></p> </li><li><p>UI powered by <strong>ShadCN UI</strong> components for themeable and accessible design</p> </li><li><p>Mobile-first responsive layout with smooth dialogs and tables</p> </li><li><p>Clean code architecture using layouts, route-based rendering, and reusable components</p> </li></ul><hr><h3>📁 Tech Stack</h3><div> <table> <thead> <tr> <th> <div>Layer</div> </th> <th> <div>Tech Used</div> </th> </tr> </thead> <tbody> <tr> <td> <div>Frontend</div> </td> <td> <div>React, Vite, TypeScript, Tailwind CSS, ShadCN UI</div> </td> </tr> <tr> <td> <div>Backend</div> </td> <td> <div>Node.js, Express.js</div> </td> </tr> <tr> <td> <div>Database</div> </td> <td> <div>MongoDB (with Mongoose ODM)</div> </td> </tr> <tr> <td> <div>Auth</div> </td> <td> <div>JWT-based authentication</div> </td> </tr> <tr> <td> <div>UI/UX</div> </td> <td> <div>Mobile-first, Accessible, Theme Toggle UI</div> </td> </tr> <tr> <td> <div>State Mgmt</div> </td> <td> <div>React hooks (useState/useEffect/useContext)</div> </td> </tr> </tbody> </table><br><hr><h3>🛠 What I Learned</h3><ul><li><p>Building full-stack RESTful APIs with proper role-based protection</p> </li><li><p>Designing mobile-first layouts and modular React components</p> </li><li><p>Handling conditional UI rendering based on user roles</p> </li><li><span style="text-align: -webkit-match-parent;">Ensuring clean UX with confirmation modals and status indicators</span><br>  </li><li><p>Planning scalable project structure and clear separation of concerns</p> </li></ul><hr><h3>🌐 Future Enhancements</h3><ul><li><p>Export reports as CSV or PDF</p> </li><li><p>Graph-based dashboards (e.g., using Recharts or Chart.js)</p> </li><li><p>Pagination and server-side filtering</p> </li><li><p>AI-powered demand forecasting module</p> </li><li><p>Multi-warehouse inventory distribution logic</p></li></ul></div>

Inventory Management System

<p>​Bulkren is a pypi project - a python module/library to rename the dataset in some sequence. It help in data cleaning as a part of any machine learning project. Currently having more than 20k downloads.</p>

Bulkren

<p>This project is a pure HTML/CSS game just for fun. Where the whole game is to destroy the enemy balls in middle before reaching to the destination by moving player ball upwards by hovering over a button. Just try it out.!</p>

Hover Ball

<p>Implemented a web app using Flask to recognize x-ray of patients having Pneumonia using highly trained Deep learning models trained on 25k X-Ray images and having accuracy of 92%.</p>

Pneumonia Detection

<p>This project was a work based on Computer Vision (opencv) and Machine Learning (Tensorflow). Where the models were trained on very less quantity of data and balance the distribution of classification with synthetic data generated (using Keras data-generators). So that with just on click of classroom all students present in photo get there attendance marked.</p>

Attendance Marking System

<p>Slippingo is a casual runner game having abstract theme with different difficulty levels, all of which is created using Unity Game Engine. This game includes integration of ads. levels, all of which is created using Unity Game Engine. This game includes integration of ads.</p>

Slippingo

<div>This app has the major focus on having easy and simple User interface to make user easily to there stuff.<br>With this app user can scan the QR codes in a single click and also create the QR codes by just typing the data of which they want QR, and with one tap they can easily generate and preview the QR code.<br>And can easily save the QR code image on there phone by clicking on save button after generating the QR code.<br><br>Hope this app help when you need it..<br>Thank you!</div>

Projects

Recosa

ReCoSa is a scalable SaaS platform built to provide intelligent, content-based item recommendations via API

eCommerce Web Application

This is a full-featured, scalable E-commerce platform built with the MERN stack

Inventory Management System

An full-stack MERN based application to manage Inventory

Bulkren

A Bulk renaming CLI tool, helpful in data processing

Hover Ball

Its an exciting and simple HTML/CSS game. Play it now!

Pneumonia Detection

Detecting Pneumonia using Chest X-ray images

Attendance Marking System

A Computer vision and machine learning project for marking attendance

Slippingo

Slippingo is a casual runner game having abstract theme with different difficulty levels

UniQR

An app to scan the QR codes in a single click and also create the QR codes by just typing the data