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

CareLink – Full-Stack NYC Resource & Community Hub

CareLink production dashboard featuring NYC news, video guides, and community resources

CareLink is a production-ready full-stack platform designed to bridge the gap between New Yorkers and social services. Built with a decoupled MERN architecture, the platform aggregates real-time NYC Open Data and global content into a high-performance interface with persistent user data.

  • Database & Persistence: Integrated MongoDB Atlas to manage user profiles, authentication, and persistent storage for "saved" resources, utilizing Mongoose for schema validation and efficient querying.
  • System Architecture: Engineered a RESTful Express backend to serve as a secure proxy layer for NewsAPI and YouTube v3 APIs, implementing server-side data normalization and credential protection.
  • UI/UX Engineering: Developed a modern Glassmorphism-styled interface in React, featuring Context API for global state management and protected authentication routes.
  • Cloud Deployment: Successfully deployed a distributed system with the Frontend on Vercel and Backend on Render, managing production-grade environment variables and cross-origin resource sharing (CORS).

KIDS – Full-Stack NYC Youth Empowerment Platform

KIDS Platform dashboard featuring NYC youth programs, live news, and personalized user profiles

KIDS (Kickin' Incredibly Dope Systems) is a production-ready full-stack platform built to connect NYC youth ages 14–25 with real programs, camps, career pipelines, and opportunities across all five boroughs. Created by a Bronx native who lived this problem firsthand, KIDS bridges the gap between talent and access through a personalized MERN architecture with live API integrations and secure user authentication.

  • Authentication & Security: Implemented a complete JWT-based auth system with bcrypt password hashing, protected routes, and persistent sessions via localStorage. Multi-step signup flow captures user path preferences to personalize the experience from day one.
  • System Architecture: Engineered a RESTful Express backend as a secure proxy layer for YouTube Data API v3 and NewsAPI, with server-side credential protection, query normalization, and graceful fallback to 75 curated articles when the API is unavailable.
  • Database & Persistence: Integrated MongoDB Atlas with Mongoose to manage user profiles, path preferences, and account updates — including a live profile editor that persists changes in real time.
  • UI/UX Engineering: Built a modern Glassmorphism-styled interface in React with Framer Motion animations, a personalized user dashboard, dynamic category filtering across 12 verified NYC programs, and an auth-aware navbar with path-colored user avatars.
  • Cloud Deployment: Deployed a distributed system with the Frontend on Vercel and Backend on Render, managing production-grade environment variables, CORS configuration, and cold-start handling for the free-tier backend.

NYC Insight – Real-Time New York News & Video Aggregation Platform

NYC Insight real-time New York City news and video aggregation dashboard

NYC Insight is a real-time content aggregation platform that curates the latest New York City news articles and YouTube videos into a single, searchable experience. Built with React.js and a Node.js + Express backend, the app integrates multiple external APIs and is fully deployed in production.

  • API Integration & Backend: Designed and deployed a custom Express API to securely fetch and normalize data from NewsAPI and the YouTube Data API v3, protecting API keys and handling server-side errors.
  • Frontend & UX: Built a responsive, filterable content feed using React Hooks, reusable components, and dynamic search and category filtering for articles and videos.
  • Architecture & Deployment: Implemented a production-ready architecture with the frontend deployed on Vercel and the backend hosted on Render, enabling scalable, real-world API consumption.
View Project

YourCarTRIBE – Full-Stack Automotive Community Platform

YourCarTRIBE automotive community platform featuring experts, marketplace listings, and car events

YourCarTRIBE is a production-ready full-stack automotive community platform built for car enthusiasts to connect with local experts, discover car events, and manage their digital garage. The platform delivers a personalized experience through secure authentication, role-based access, and modern responsive UI.

  • Architecture & Security: Designed a Node.js + Express REST API with JWT-based authentication and strict admin-only route protection, preventing unauthorized access even via direct URL entry.
  • Marketplace & Experts: Built a dynamic automotive marketplace and expert directory with structured listings, seller templates, testimonials, and proximity-based discovery.
  • UI/UX Engineering: Developed a responsive React.js interface with smooth Framer Motion animations, mobile-first design, and authentication-aware navigation.
  • Cloud Deployment: Deployed the frontend on Vercel and the backend on Render with production-grade environment configuration and CORS handling.

Blueprint – Personalized Resource Discovery Platform (React & Node.js)

Blueprint personalized resource recommendation platform

Blueprint is a modern full-stack platform that delivers personalized resources based on a user’s goals and aspirations. Built with React and Node.js, it curates videos, articles, tools, and guides across any career path, providing users with a tailored blueprint for growth. The interface features a clean, responsive design and a smooth onboarding flow that adapts recommendations in real time.

  • Dynamic Personalization: Processes user inputs to generate curated, goal-aligned resources across multiple fields (tech, sports, business, healthcare, content creation, and more).
  • Smart Filtering System: Utilizes React Hooks for dynamic state management, enabling real-time updates to resource results based on aspirations, preferences, and learning styles.
  • Responsive UI/UX: Designed a modern interface with intuitive navigation, a guided onboarding experience, and mobile-first responsiveness.
View Project

Snow Academy-Dynamic Course Filtering Interface (React Hooks & Responsive CSS)

Snow Academy Course Listing Page with Search and Category Filters

This project showcases a robust React frontend application for course discovery, featuring a real-time, synchronized filtering system. It allows users to refine courses simultaneously via a keyword search bar and category buttons, demonstrating effective use of React Hooks (useState, useEffect) for complex state management.

  • State Management: Implemented efficient React Hooks to manage and synchronize the three core states: `searchQuery`, `selectedCategory`, and the resulting `filteredCourses`.
  • Filtering Logic: Engineered robust, case-insensitive JavaScript logic that filters the main course data based on the combination of the active category AND the search query.
  • Design & UX: Developed a clean, modern, and responsive CSS layout with a focus on "glossy" cards, utilizing media queries to ensure a seamless experience across all devices.
View Project

NYC Connect: Local Community Platform - Modern React Frontend

NYC Connect Local Community Platform UI Preview

NYC Connect is a **Single Page Application (SPA)** designed for local engagement in NYC. It features a polished, component-driven architecture built with **React.js (Vite)** and enhanced with dynamic user experience features.

  • Frontend Development: Built entirely with **React.js** and Hooks, focusing on modular, reusable components for scalability (e.g., TopicsPage, AuthCard, ChatWidget).
  • Dynamic UX & Animation: Implemented smooth, high-fidelity **UI/UX transitions** and interactive elements using the **Framer Motion** library (staggering, layouts, `whileHover`).
  • Core Features: Developed key user flows, including **dynamic topic filtering**, an **interactive chat widget with state management**, and a secure, accessible **login/signup form** with visibility toggles.
View Project

POME: Personalized Opportunity Management Engine – NYC Resource Platform

POME Personalized NYC Resource Platform Preview

POME is dedicated to connecting users with essential NYC services. Built with **React.js (Vite), Material-UI,** and a sophisticated **Generative AI Guidance Flow** powered by a secure **Node.js/Express** backend proxy.

  • Generative AI & Backend: Implemented a secure, **API-key protected Node.js/Express proxy** for **Generative AI** guidance and personalized resource prioritization.
  • Frontend & UX: Developed component-based frontend using **React.js** and **MUI**, utilizing **Framer Motion** for polished animations and responsive UX.
  • Architecture & Data: Ensured **consistent grid layout** via **MUI** and engineered a structured **JSON data repository** for detailed resource information (logos, benefit perks, etc.).
View Project

SafePath AI – NYC School Community Safety Assistant

SafePath AI NYC School Safety Chatbot

SafePath AI is a Full-Stack web application that provides personalized safety and resource guidance for NYC schools. Built with **React.js, Material-UI,** and a secure **Node.js/Express** backend proxy to protect integrated AI API keys.

  • Generative AI & Backend: Features a **Secure AI Integration** with protected API access via a **Node.js/Express proxy** hosted on Render.
  • Frontend & UX: Built with **React.js** and styled using **MUI**, including animations via **Framer Motion** for engaging user interaction.
  • Architecture & Data: Implemented a **Role-based "Persona Engine"** to dynamically tailor AI safety advice for parents, students, and teachers.
View Project

SafeNet – AI Content Moderation & Real-Time Filtering Dashboard

SafeNet AI Content Moderation Dashboard

SafeNet is an AI-powered moderation platform for filtering unsafe content in real-time. Built on **Next.js, React.js,** and **Material-UI (MUI)**, featuring backend integration with **OpenRouter (Llama 3)**.

  • Generative AI & Backend: Leverages **AI Classification** via external LLMs (**Llama 3**) for real-time filtering across text and URLs.
  • Frontend & UX: Developed a responsive dashboard with **MUI** and integrated **Framer Motion** for polished UX/UI animations.
  • Architecture & Data: Designed a **Custom Safety Engine** with logic for user sensitivity controls (display, flag, or block) and filtering rules.
View Project

MediGuid NYC – AI Symptom Checker & Health Resources

MediGuid NYC AI Health Assistant

MediGuid NYC is a Full-Stack AI health assistant providing symptom guidance and local health resources. Built with React.js (MUI) and a Node.js/Express backend integrated with OpenRouter.ai.

  • Deployed on Vercel (frontend) and Render (backend).
  • Implemented secure environment variables and CORS configurations.
  • Resolved deployment issues such as network errors and memory limits.
View Project

CogniFlow – AI Data Transformation & File Management

CogniFlow AI Data Processing Platform

CogniFlow is an AI-driven data transformation platform for processing, parsing, and managing structured files. Built with React.js (MUI) and a Node.js/Express backend.

  • Supports text input, file upload, and automated document parsing.
  • Integrated external APIs for advanced AI data processing.
  • Deployed via Vercel (frontend) and Render (backend) with secure API management.
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

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

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

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

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

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

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

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