Building exceptional digital experiences.

I am a passionate software engineer, capturing concepts and bringing them to life through clean, efficient code.

About me

About Me

I am a passionate software engineer with experience in front-end and back-end development. I thrive in dynamic, fast-paced environments and enjoy solving complex problems.

With a solid foundation in data analytics, I apply my skills to real-world challenges, aiming to build impactful software that enhances users' lives.

Tools I Use

Frontend

  • HTML5
  • CSS3
  • JavaScript
  • React

Backend

  • Python
  • Node.js
  • SQL
  • PostgreSQL

Design & Other Tools

  • Figma
  • Git
  • Jest
  • Django Rest Framework

Projects

SafePath AI: NYC School Community Safety Assistant

Live Demo of SafePath AI: NYC School Safety Chatbot and Assessment Form

Developed **SafePath AI**, a **Full-Stack** application providing personalized safety, resource, and policy advice for the NYC school community (students, parents, teachers). The **React.js** and **Material-UI (MUI)** frontend connects to a secure **Node.js/Express** proxy to protect the integrated **AI** API key.

  • **Secure AI Integration:** Implemented a **secure proxy backend** on Render to call **OpenRouter** (Llama 3 model), ensuring the secret API key is never exposed on the client-side.
  • **Full-Stack Architecture:** Frontend built with **React** and styled with **MUI**, backed by a dedicated **Node/Express** server for proxying all AI requests.
  • **Advanced UX/UI:** Leveraged **Framer Motion** for polished, interactive components and smooth **Single-Page Application (SPA)** animations.
  • **Personalized Guidance:** Features a **Persona Engine** that tailors AI advice based on the user role (e.g., parent, student, teacher) for relevant safety guidance.
View Project

SafeNet: AI Content Moderation & Real-Time Filtering Engine

Live Demo of SafeNet: AI-Powered Content Moderation Dashboard

Developed **SafeNet**, an advanced **AI-powered** platform that enables real-time content filtering across URLs, text, and keywords. This project showcases deep **Full-Stack Frontend Development** expertise using **React.js** and **Material-UI (MUI)**, with a focus on integrating complex backend AI services for online safety.

              
  • **AI Integration:** Implemented the core filtering logic by integrating with external model providers like **OpenRouter**, specifically utilizing fine-tuned models (e.g., Llama 3) for rapid, accurate content classification.
  • **Advanced UX/UI:** Engineered a highly responsive interface with **MUI** and incorporated **Framer Motion** for smooth, scroll-triggered animations to demonstrate technical polish and a premium user experience.
  • **Client-Side Architecture:** Built using Next.js App Router for server-side optimization and utilized **client-side state** to simulate **seamless Single-Page Application (SPA)** routing.
  • **Custom Logic:** Designed the **Safety Decision Engine** to handle customized user sensitivity settings, resulting in three distinct actions: display, flag, or block.
View Project

MediGuid NYC: AI Symptom Checker & Health Resources

MediGuid NYC Live Demo: AI-Powered Symptom Checker, Chat Assistant, and Local Health Resources

MediGuid NYC is a full-stack web application providing **AI-powered symptom guidance** and **local health resources** for New Yorkers. Built with a React.js frontend (Material-UI) and a Node.js/Express.js backend, it acts as an intelligent assistant for non-emergency health inquiries and finding local medical support.

This project demonstrates strong **full-stack development** and **external AI API integration** (OpenRouter.ai). Key achievements include successful **environment variable management** and intricate **CORS policy configurations** across deployed services. I effectively resolved complex deployment challenges, including `ERR_CONNECTION_REFUSED` (from `localhost` issues), `Network Error` on the frontend, and "Out of Memory" errors on the backend.

Deployed on **Vercel** (frontend hosting) and **Render** (backend deployment), MediGuid NYC showcases robust **client-server architecture** and the ability to build and deploy scalable **AI-driven web applications**.

CogniFlow: AI-Powered Data Transformation & Processing Platform

CogniFlow Live Demo: AI Data Processing, Transformation, and File Management Interface

CogniFlow, a full-stack web application designed for **AI-powered data transformation**, **data processing**, and **file management**. This platform serves as a versatile **AI tool** for businesses and individuals needing efficient **data extraction**, **document parsing**, and **report generation**. The intuitive and responsive user interface, built with React.js for the frontend, leverages Material-UI (MUI) to ensure a modern and adaptable user experience across all devices, facilitating seamless text input, file uploads, and task configuration.

This project showcases strong expertise in **full-stack development**, integrating a robust **Node.js/Express.js backend** to handle API requests, perform complex data processing, and manage file operations securely. It demonstrates proficiency in **external API integration** for advanced AI capabilities, supporting a modular architecture for future growth. Key achievements include implementing secure **environment variable management** for API keys and backend URLs on both client and server sides, configuring **CORS policies** for seamless cross-origin communication between deployed frontend (Vercel hosting) and backend (Render cloud platform) services, and successfully resolving complex deployment and communication challenges (e.g., `404 Not Found` errors due to URL construction, `500 Internal Server Errors` during backend processing, and `localhost` download link issues).

The application highlights core skills in **component-driven design**, **state management**, handling secure file uploads and downloads, and building intuitive **multi-step task interfaces**. It reflects a comprehensive understanding of **client-server architecture** and the ability to deploy complex **web applications** to leading cloud platforms like **Vercel** (for **frontend hosting**) and **Render** (for **backend deployment**), ensuring high availability, scalability, and secure operation for **AI workflow automation**.

DataSanctuary: Zero-Knowledge Cloud Security & Data Management

Live Demo of DataSanctuary: Zero-Knowledge Data Management Platform

Developed **DataSanctuary**, a modern **Zero-Knowledge** and **data-privacy** focused web application built with **React.js** and **Material-UI (MUI)**. This project showcases **Full-Stack Frontend Development** and advanced UX/UI implementation.

  • **Dynamic UX:** Engineered a **responsive, sticky navbar** with a scroll-triggered state change for modern navigation and a premium user experience.
  • **SPA Navigation:** Implemented **client-side routing** via React state to simulate **seamless single-page application (SPA)** transitions.
  • **Security Transparency:** Created anchor-linked sections for **Encryption**, **Audit Reports**, and **GDPR/CCPA Compliance** to detail the security architecture.
  • **Authentication UI:** Designed **polished Login and Sign-Up flows**, including custom theme branding and third-party authentication integration.
View Project

Research Assistant AI: Intelligent Data & Research Management

Live Preview of Research Assistant AI Web Application

Developed **Research Assistant AI**, a full-stack, AI-powered web platform designed to streamline research workflows and enhance data management. The application features a robust **React.js** frontend with **Material-UI** for a modern and responsive user interface, paired with a **Node.js/Express.js** backend. Key functionalities include:

  • AI-powered search for generating concise research summaries.
  • Intelligent outline generation from raw text.
  • Automated form population by extracting answers from source material.
  • An interactive AI chat assistant for quick queries and support.

This project demonstrates strong proficiency in integrating advanced AI models (via **OpenRouter.ai** with OpenAI's GPT models) into a practical application. It showcases mastery in building scalable single-page applications, managing client-server communication, and implementing complex state logic with **React Router Dom** for seamless navigation. The focus was on creating an intuitive and efficient tool that leverages AI to transform raw information into structured, actionable insights, highlighting skills in full-stack development, API integration, and user-centric design.

View Project

Odysseus AI Mentor: Personalized Growth & Development Platform

Live Preview of Odysseus AI Mentor Chat Interface

Odysseus AI Mentor, a full-stack web application that serves as a personalized AI mentor for users seeking guidance in self-improvement and career development. The application features a dynamic and responsive chat interface built with **React.js** for the frontend, leveraging **Material-UI (MUI)** to ensure a modern and adaptable user experience across all devices.

This project showcases strong expertise in **full-stack development**, integrating a robust **Node.js/Express.js backend** to handle API requests and securely manage sensitive information. It demonstrates proficiency in **external API integration** with the **OpenRouter API** for advanced AI capabilities (using models like Mistral-7B-Instruct). Key achievements include implementing secure **environment variable management** for API keys on the server-side, configuring **CORS policies** for seamless cross-origin communication between deployed frontend (Vercel) and backend (Render) services, and resolving complex deployment challenges (e.g., `EADDRINUSE` errors, `401 Unauthorized` API key issues).

The application highlights skills in **component-driven design**, **state management**, and building intuitive conversational interfaces. It reflects a comprehensive understanding of client-server architecture and the ability to deploy complex applications to cloud platforms like **Vercel (for frontend)** and **Render (for backend)**, ensuring high availability and secure operation.

View Project

CareerQuest: Personalized Career Discovery

Live Preview of CareerQuest Web Application

Developed **CareerQuest**, a dynamic and intuitive web platform designed to guide users in discovering their ideal career path. The application is built with **React.js** for a robust and efficient front-end, utilizing **Material-UI** for a modern, responsive, and visually appealing user interface. Key features include a comprehensive questionnaire to assess interests and skills, personalized career recommendations, an interactive chat widget for support, user authentication (Google and email/password), and a clear "About Us" section.

This project demonstrates strong proficiency in building scalable single-page applications, implementing smooth and engaging animations with **Framer Motion** for enhanced user experience (e.g., skill selection), and mastering **Material-UI** for complex and adaptive layouts across different devices. It showcases a deep understanding of component-driven design, state management, client-side routing with **React Router Dom**, and attention to detail in creating intuitive user interfaces for personal and career decision-making.

View Project

BankInsight: Financial Comparison Platform

Live Preview of BankInsight Web Application

Developed **BankInsight**, a dynamic and intuitive web platform designed to help users compare and explore various banking products and services. The application is built with **React.js** for a robust and efficient front-end, utilizing **Material-UI** for a modern, responsive, and visually appealing user interface. Key features include comprehensive bank listings with powerful search and filtering capabilities, detailed comparison cards for various financial products, a responsive navigation system, an interactive "How It Works" guide, and a dynamic FAQ section.

This project demonstrates strong proficiency in building scalable single-page applications, implementing smooth and engaging animations with **Framer Motion** for enhanced user experience across key sections like the hero, "how it works," and FAQ, and mastering **Material-UI** for complex and adaptive layouts across different devices. It showcases a deep understanding of component-driven design, state management, client-side routing with **React Router Dom**, and attention to detail in creating intuitive user interfaces for financial decision-making.

View Project

MetroExams: NYC Exam Finder

Live Preview of MetroExams Web Application

Developed **MetroExams**, a dynamic and interactive web platform designed to help users find and explore various exams across New York City. The application is built with **React.js** for a robust and efficient front-end, utilizing **Material-UI** for a modern, responsive, and visually appealing user interface. Key features include a comprehensive exam listing page with search and filtering capabilities, detailed exam information cards, a responsive navigation system, and an interactive FAQ section.

This project demonstrates strong proficiency in building scalable single-page applications, implementing smooth and engaging animations with **Framer Motion** for enhanced user experience, and mastering **Material-UI** for complex and adaptive layouts across different devices. It showcases a deep understanding of component-driven design, state management, client-side routing with **React Router Dom**, and attention to detail in creating intuitive user interfaces.

View Project

Dynamic Medical Practice Web Platform

Live Preview of the Medical Clinic Landing Page

Developed a modern and highly interactive web platform for a medical clinic, leveraging **React.js** for a robust front-end and **Material-UI** for a polished, responsive user interface. Key sections include an inviting hero banner, a detailed breakdown of services, a 'Meet the Doctors' gallery, a curated feed for medical news, and an integrated newsletter subscription.

This project underscores strong proficiency in building scalable single-page applications, implementing sophisticated **Framer Motion** animations for enhanced user engagement on scroll, and mastering Material-UI for complex and adaptive layouts. It showcases a commitment to component-driven design and intuitive user experiences.

View Project

ZeroCrate: Fresh Grocery Retail Solutions

ZeroCrate Website Live Preview

A comprehensive React.js website with Material-UI, showcasing ZeroCrate's AI-powered solutions for fresh grocery retailers (forecasting, waste reduction). Integrates Chart.js for data visualization.

Features seamless navigation via React Router, a detailed blog, "How It Works" guide, and demo request form. Highlights strong front-end development for a B2B SaaS digital presence.

View Project

Index: AI-Powered Data Platform

Index Website Live Preview

A dynamic and interactive React.js web application, developed with Material-UI, showcasing an AI-powered data platform. It features sophisticated data visualization dashboards using Recharts, allowing users to query, analyze, and understand complex datasets, complemented by an integrated SQL editor.

The project integrates seamless navigation with React Router and delivers an engaging user experience through modern scroll-triggered animations powered by Framer Motion. It includes key sections like a responsive Hero, detailed feature overviews, and dedicated authentication pages (login/signup), highlighting strong front-end development for a B2B SaaS solution.

View Project

Atheniq AI: Personalized Marketing Platform

Atheniq AI Personalized Marketing Platform Landing Page

A sophisticated React.js web application with Material-UI showcasing AI-driven marketing solutions. Features a dynamic Hero Section, campaign creation, case studies, and a resource hub.

Incorporates smooth, scroll-triggered reveal animations via `react-intersection-observer`, custom forms, carousels, and video embeds for an engaging UI/UX.

View Project

Aurora: Your Personalized Productivity Dashboard

Aurora Live Preview

Aurora is a comprehensive React.js application designed as a personalized productivity dashboard. It integrates various widgets and task management features to help users stay organized and focused.

Key features include a dynamic to-do list, integrated weather and focus timer widgets, quick notes, daily quotes, and goal tracking. The application boasts a responsive design and intuitive user interface built with Material-UI, demonstrating strong front-end development skills in state management, component architecture, and UI/UX best practices for an enhanced user experience.

View Project

College Advisor for NYC High School Students

College Advisor Live Preview

A modern React.js web application built with Material-UI, designed to help NYC high school students find suitable colleges based on their academic and personal preferences.

Features a dynamic questionnaire with multi-select options, a sophisticated matching algorithm to recommend colleges, and a responsive design for optimal viewing on all devices. Demonstrates strong front-end development, state management, and external library integration.

View Project

JobFinder AI

JobFinder AI Live Preview

A modern job board web application built with React.js, designed to help users find suitable job opportunities. It features robust filtering options by job title, location, and type, and includes an interactive AI assistant for enhanced job search capabilities.

Demonstrates strong front-end development, state management, API integration, and user-friendly design.

View Project

DocFinder: Online Doctor Appointment Platform

DocFinder Website Live Preview

A user-friendly and responsive React.js web application, built with Material-UI, designed to streamline the process of finding and booking healthcare appointments. It allows users to search for doctors by specialty, location (e.g., Manhattan, New York), and accepted insurance plans.

The platform features intuitive search filters, a dynamic list of doctors with details like experience, ratings, and availability, and interactive elements such as a modal for selecting insurance carriers. Navigation is seamless using React Router, and the application prioritizes an engaging user experience, demonstrating robust front-end development for a practical healthcare solution.

View Project

Aurora: Your Personalized Productivity Dashboard

Aurora Live Preview

Aurora is a comprehensive React.js application designed as a personalized productivity dashboard. It integrates various widgets and task management features to help users stay organized and focused.

Key features include a dynamic to-do list, integrated weather and focus timer widgets, quick notes, daily quotes, and goal tracking. The application boasts a responsive design and intuitive user interface built with Material-UI, demonstrating strong front-end development skills in state management, component architecture, and UI/UX best practices for an enhanced user experience.

View Project

MyLinkShortener: Smart Links, Powerful Analytics

MyLinkShortener Live Preview

MyLinkShortener is a modern React.js application for creating and managing short, branded links. It offers intuitive tools for tracking digital connections and boosting brand presence.

Key features include instant URL shortening, custom link branding, and comprehensive analytics on clicks, geography, and referrals. Built with Material-UI, it showcases strong front-end skills in state management, API integration, and responsive design for an effective link management solution.

View Project

Insurify Pro

Insurify Pro

A React.js web application for managing insurance information and quotes. Successfully navigated complex Git version control issues and established a robust Vercel continuous deployment pipeline.

Demonstrates strong debugging and problem-solving abilities in development and deployment phases.

View Project

FreshMetrics Sales Dashboard: Predictive Analytics

FreshMetrics Sales Dashboard Live Preview

A dynamic React.js dashboard using Material-UI for predictive sales analytics and order planning. Features interactive charts, data filtering by product/category/date, and a sortable sales data table.

This project demonstrates strong front-end development, data visualization with Recharts, state management, and responsive design for business intelligence.

View Project

Atheniq AI: Personalized Marketing Platform

Atheniq AI Personalized Marketing Platform Landing Page

A sophisticated React.js web application with Material-UI showcasing AI-driven marketing solutions. Features a dynamic Hero Section, campaign creation, case studies, and a resource hub.

Incorporates smooth, scroll-triggered reveal animations via `react-intersection-observer`, custom forms, carousels, and video embeds for an engaging UI/UX.

View Project

SwiftPay Landing Page

SwiftPay Landing Page

A responsive React.js landing page for a modern financial service. Features responsive navigation with dropdowns/hamburger menu, and interactive hover effects on feature cards.

Utilizes Material-UI for consistent design and pure CSS animations for smooth transitions, demonstrating strong front-end development for engaging web experiences.

View Project

Axiom Dashboard: Cloud Communication Admin

Axiom Dashboard Cloud Communication Management Interface Preview

An interactive React.js single-page application for managing cloud communication services. Features dynamic layout, sidebar navigation, search filters, and add/edit/delete operations with modal forms.

Includes a global notification system for user feedback. Demonstrates React's component-based architecture, state management, and responsive CSS for an administrative portal.

View Project

AI Agent Management Dashboard

AI Agent Management Dashboard Live Preview

A dynamic **React.js** application designed for monitoring and managing AI agents. It leverages the **React Context API** for efficient global state management, integrates **React Hook Form** for robust and validated interactive configurations, and presents key performance metrics with **Chart.js** for data visualization.

Features include real-time simulated updates for agent status and output logs, intuitive filtering, and seamless navigation via **React Router**. The project showcases strong front-end development practices, including comprehensive **error handling**, clear **loading states**, **responsive design**, enhanced **accessibility (A11y)**, and **unit testing** with Jest and React Testing Library.

View Project

CRM System: Lead Management Solution

CRM System Live Preview

A robust React.js application with Material-UI for comprehensive sales lead management. Features include adding/editing leads, a dynamic sales pipeline, communication logs, and task management.

Includes a dashboard, advanced filtering/sorting, and data persistence using Local Storage. Demonstrates modular architecture and user-friendly design for sales administration.

View Project

HR Management System: Employee & Payroll Solution

HR Management System Live Preview

A modern React.js application with Material-UI for streamlining HR operations. Key features include employee management, efficient payroll processing, and a comprehensive onboarding module.

The system offers dynamic data display (sorting, pagination, search) and seamless module navigation via React Router, showcasing professional, functional HR administration.

View Project

Project Management App: Team Collaboration

Project Management App Live Preview

A robust multi-page React.js application with Material-UI for enhancing team collaboration. Features include task management, file sharing, real-time chat, and dynamic reporting with Recharts.

Seamless navigation via React Router and a component-based architecture demonstrate a professional, functional digital workspace for efficient project execution.

View Project

VoyageNow: Ride-Sharing Experience

VoyageNow

A modern ride-sharing application built with HTML, CSS, and JavaScript. Leverages the Google Maps API for interactive maps and route visualization, with real-time fare estimates and transparent pricing.

Provides a clean, user-friendly interface for effortless booking and handling diverse routes.

View Project

Employee Tracking System

Employee Tracking System

Developed with HTML, CSS, and JavaScript, this system provides a straightforward solution for managing personnel data. It allows users to efficiently add, view, and organize employee records.

Features a clear and intuitive interface for data entry and display, streamlining administrative tasks.

View Project

JobFinder AI

JobFinder AI

An HTML, CSS, and JavaScript-based platform for job discovery. Allows users to search for jobs by keywords/location using the JSearch API.

Features a modern UI, job saving, and a simulated AI chat assistant for suggestions.

View Project

NYC Benefits Resources

NYC Benefits Resources Website

Your central hub for finding support programs in New York City. Explore resources for Food Assistance, Housing, Healthcare, and more.

Stay informed about key announcements like ERAP and Summer EBT programs.

View Project

Daily Hacks

Daily Hacks Website

Explore daily hacks across Tech, General, Productivity, and Home categories. Discover tips for iPhone features, Pomodoro Technique, clean microwaves, and posture.

Allows saving favorite tips for later access.

View Project

Innovate & Elevate Careers - Job Application Form

Innovate & Elevate Careers Job Application Form

A user-friendly online job application form designed for clear navigation, real-time validation, and responsiveness across devices.

Features interactive elements, accessibility enhancements, and a modern design inspired by Material UI principles.

View Project

JoinUp

JoinUp

JoinUp brings various groups together on one platform for seamless communication. Offers intuitive tools for group chats and inviting members without sharing personal numbers.

Features polls, GIFs, event scheduling, and more in a user-friendly interface.

View Project

ClarityChoice

ClarityChoice

ClarityChoice simplifies subscription plan selection. Our platform provides personalized recommendations based on your preferences.

Ensures you receive the best possible value and satisfaction from your choices.

View Project

Sales Engagement App

Sales Engagement App

An HTML, CSS, and JavaScript landing page showcasing a comprehensive sales engagement application. Highlights intelligent email sequencing, CRM integration, and detailed analytics.

Features advanced personalization and real-time email tracking to empower sales teams.

View Project

TrainTimeApp

TrainTimeApp

Built with HTML, CSS, and JavaScript, this app provides real-time train schedules for Metro-North commuters. Users can view upcoming train times, destinations, and line information for efficient trip planning.

View Project

MediForm

MediForm

A patient intake form designed with HTML, CSS, and JavaScript. Features seamless data submission, real-time validation, and HIPAA-compliant security for efficient patient information collection.

View Project

Tropical Villa

Tropical Villa

Developed with HTML, CSS, and JavaScript, this project showcases a beautiful, responsive design with stunning visuals and smooth interactivity.

View Project

Quick Cart

QuickCart

A simple e-commerce storefront crafted with HTML, CSS, and JavaScript. Offers product filtering, a dynamic shopping cart, and a smooth checkout flow for a user-friendly experience.

View Project

Biotech

Biotech

Built with HTML, CSS, and JavaScript, this Biotech project features a clean, professional design with intuitive navigation, highlighting cutting-edge technologies and delivering a seamless user experience.

View Project

Academix Online Learning

Academix

Designed with HTML, CSS, and JavaScript, this project offers a modern, interactive online learning platform. Features easy navigation, course filtering, and an engaging user experience.

View Project

Medicine Delivery App

Medicine Delivery App

Built with React, Node.js, and Express, delivering an unparalleled medicine delivery experience.

View Project

MarketPulse

MarketPulse

Real-time crypto news updates with a compact and modern design.

View Project

The HappyTooth

Dental

A sleek, modern dental clinic website built with HTML, CSS, and JavaScript. This responsive site showcases services and provides easy navigation for patients.

View Project

HomeRush

Real Estate

A responsive real estate landing page designed for a seamless user experience. Helps individuals buy, sell, or rent properties.

View Project

HopeConnect

HopeConnect

A community-driven platform offering free educational resources and job readiness materials.

View Project

Recycling Made Easy

Recycling Made Easy

A user-friendly webpage promoting recycling awareness and sustainability, encouraging environmentally responsible behavior.

View Project

Tenant-Landlord Hub

Tenant-Landlord Hub

Web application simplifying communication and management between tenants and landlords.

View Project

Finance Dashboard

Finance Dashboard

A MERN Finance Dashboard App using Redux-Toolkit and TypeScript with Vite, styled with MUI, and visualized using Recharts. Backend includes Node.js, Express, and MongoDB.

View Project

HR Dashboard - MySQL & PowerBI

HR Dashboard

An analysis of HR data from 2000-2020 using MySQL Workbench and PowerBI. Covers employee demographics, job roles, turnover rates, and workforce

View Project

Get in Touch

Have a project in mind or just want to chat? Feel free to reach out!

Send me an Email