Portfolio

Frontend for an AI-first mental health application that provides intelligent note-taking, mood tracking, and personalized insights. Built with React 19, Vite, and Tailwind CSS. Features comprehensive analytics dashboard, AI-powered questionnaire responses, and secure user authentication for mental health professionals and clients.

Backend API server for an AI-first mental health platform built with Express.js and Supabase. Features AI integration with Fireworks AI for intelligent mental health assessments, comprehensive analytics and reporting, JWT authentication, real-time data processing, and secure HIPAA-compliant data handling for mental health professionals.

A Chat-GPT like GenAI application with start open ended conversations.

A high-performance data table component featuring row and column virtualization with infinite scrolling capabilities. Optimized for handling large datasets with smooth scrolling and efficient memory usage. Perfect for displaying complex data tables with thousands of rows and columns.

A fun application showcasing different dog breeds with search and comparison features. Built using an open source API to explore breed characteristics, images, and detailed information.

A full-stack application designed to support small businesses during COVID-19 by enabling curbside pickup services. Features product catalog, order management, and contactless pickup coordination.

A reusable React calendar component built with Moment.js. Features date selection, navigation, and customizable styling for integration into any React application.

Interactive component demonstrating item movement between lists with smooth animations and state management.

Recursive JavaScript functions to parse nested objects and convert between snake_case and camelCase properties.

Demonstrates recursive component patterns in React for building tree structures and nested UI elements.

Interactive bar chart component displaying data values with customizable styling and responsive design.

JavaScript utility functions for flattening nested arrays using different approaches including recursion.

Practical examples of React's useContext hook for state management and component communication.

Demonstrates useCallback hook for optimizing React component performance and preventing unnecessary re-renders.

Examples showing the differences between useEffect and useLayoutEffect for DOM manipulations.

Advanced React hook for customizing instance values exposed to parent components via refs.

Performance optimization examples using useMemo hook for expensive calculations and object references.

Comprehensive examples of React refs using both useRef hook and createRef for DOM access and mutable values.

Building reusable custom hooks for common functionality like API calls, local storage, and form handling.

State management examples using useReducer hook for complex state logic and actions.

Comprehensive guide to useEffect hook covering side effects, cleanup, and dependency management.

Fundamental React hook examples demonstrating state management, state updates, and component re-rendering patterns.