Portfolio

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

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.