Crafting Digital Excellence

A curated selection of technical solutions, from full-stack ecosystems to generative AI implementations, built with precision and scalability.

React

Frontend2023-11-20

SPARTAN

Spartan is a sophisticated men's fashion e-commerce platform specializing in custom formal wear. The primary goal was to bridge the gap between ready-made clothing and tailored precision. Key features include a dynamic personalization engine where users can select fabrics, pocket styles, and collar types with real-time feedback. Built using React and Chakra UI, the project emphasizes a sleek, minimalist aesthetic and an intuitive user journey from selection to checkout.

AROMA

AROMA is a high-fidelity clone of the Zomato landing page, built to demonstrate pixel-perfect UI implementation and complex layout management. Leveraging React and Tailwind CSS, the project features dynamic search bars, restaurant category filtering, and interactive cards. The backend integration with Node.js and MongoDB allows for persistent data handling, showcasing the ability to build and deploy a full-featured, responsive food-tech application from scratch.

analyticsMERN-Cloud

shieldProtected

arrow_forward

JWT-Auth SecurityReact

Full Stack2023-01-10

AṞIVU

AṞIVU is a full-featured e-learning ecosystem designed to mirror the functionality of top-tier platforms like Coursera. It supports a dual-portal system for students and instructors. Key technical implementations include secure JWT-based authentication, a robust curriculum management system for creators, and an interactive learning interface for students. The backend, built with Node.js and MongoDB, handles complex data relationships between courses, progress tracking, and user roles.

INDIAN STATES

INDIAN STATES serves as a cultural and commercial showcase, designed during my foundational days of full-stack development. It mimics a high-traffic e-commerce hub for Indian apparel, focusing on clean HTML/CSS architecture and vanilla JavaScript for DOM manipulation. The project was a deep dive into responsive layouts without frameworks, ensuring a high-performance experience across mobile and desktop devices while highlighting the diversity of Indian states through curated collections.

JOKE GENERATOR

The Joke Generator is a playful exploration of Generative AI, utilizing OpenAI's GPT models to create custom humor on demand. This project focuses heavily on 'Prompt Engineering' to ensure the output remains relevant, safe, and genuinely funny. Built with a TypeScript-first approach, it features a React frontend that communicates with a Node.js proxy to securely handle API keys. It demonstrates the seamless integration of modern AI capabilities into a practical, user-facing web application.

analyticsOpenAI-v4

shieldNone

arrow_forward

Development Benchmarking

Real-time cross-platform auditing of flagship architectural systems. Validating responsiveness and technical integrity across simulated viewport nodes.

Featured System

SUMAT'S PORTFOLIO

A state-of-the-art, AI-integrated professional portfolio built with Next.js 14 and Tailwind CSS. This platform serves as a smart ecosystem featuring an advanced Virtual Assistant powered by Gemini 1.5 Flash and Groq (Llama 3). The assistant handles real-time resume delivery, connection requests, and session archiving through a secure server-side implementation. Integrated with Vercel Redis (KV) for multi-level rate limiting and data persistence, it offers a premium, secure, and interactive user experience with advanced idle detection and haptic feedback.

Integration

Edge-Node v3

Availability

99.99%

View Architectural Auditvisibility

Infrastructure Components

frontend

Next.js 14Tailwind CSSTypeScriptFramer Motion

backend

Node.jsRedis (KV)Server Actions

deployment

VercelEdge Runtime

Gemini 1.5 FlashGroq (Llama 3)RAG ArchitectureAgentic AI (Tool Use)

Desktop Device

Loading Preview

Viewport

desktop - 1440px