Sean Singh - Software Engineer

import React, { useEffect, useRef } from "react"; import mapboxgl, { Map, Marker } from "mapbox-gl"; import { Filter, FilterButtonData } from "./Filter"; import "../App.css"; import "mapbox-gl/dist/mapbox-gl.css"; // const filters = { // } // interface MovingObject { // id: number; // name: string; // coordinates: number[]; // } const markers: { [key: string]: string } = {}; for (let i = 0; i <= 30; i++) { try { const module = await import(`../assets/markers/marker-${i}.svg`); markers[`marker_${i}`] = module.default; } catch (error) { console.error(`Failed to load marker-${i}.svg:`, error); } } interface MapProps { information: { data: { stations: { name: string; address: string; lon: number; lat: number; stationID: string; }[]; }; }; status: { data: { stations: { num_bikes_available: number; is_renting: boolean; }[]; }; isLoading: boolean; error: string | null; }; filters: { onCampus: boolean; offCampus: boolean; onlyAvailable: boolean; }, setFilters: (onCampus: boolean, offCampus: boolean, onlyAvailable: boolean) => void; openSideBar: (station: any, index: number) => void; // closeSideBar: (open: boolean) => void; } const MapComponent: React.FC<MapProps> = ({ information, status, filters, setFilters, openSideBar, }) => { const mapContainer = useRef<HTMLDivElement>(null); const mapInstance = useRef<Map | null>(null); // To store the map instance const markersRef = useRef<Marker[]>([]); // To store markers useEffect(() => { if (mapInstance.current === null && mapContainer.current) { mapboxgl.accessToken = "pk.[REDACTED].[REDACTED]"; const bounds: [number, number, number, number] = [ -122.1, 36.948, // Southwest coordinates -121.949, 37.005, // Northeast coordinates ]; const map = new mapboxgl.Map({ attributionControl: false, container: mapContainer.current, style: "mapbox://styles/mapbox/standard", center: [-122.0584, 36.9905], zoom: 14, maxZoom: 21, maxBounds: bounds, }); map.addControl(new mapboxgl.ScaleControl(), "bottom-right"); map.addControl(new mapboxgl.NavigationControl(), "bottom-right"); map.addControl(new mapboxgl.FullscreenControl(), "bottom-right"); map.addControl(new mapboxgl.GeolocateControl(), "bottom-right"); mapInstance.current = map; } }, []); useEffect(() => { const map = mapInstance.current; if (!map) return; // Skip if map hasn't been initialized yet // Remove existing markers markersRef.current.forEach(marker => marker.remove()); markersRef.current = []; // Add new markers based on updated filters if (information && information.data && information.data.stations) { information.data.stations.forEach((station, index) => { const isOnCampus = station.lat > 36.9765 && station.lon < -122.045; if ( (filters.onCampus && isOnCampus) || (filters.offCampus && !isOnCampus) ) { const statusInfo = status.data.stations[index]; if ( statusInfo.is_renting && (!filters.onlyAvailable || statusInfo.num_bikes_available > 0) ) { const popup = new mapboxgl.Popup({ offset: 25, closeButton: false }) .setHTML(`<h3>${station.name}</h3><p>${station.address}</p>`); const imgElement = document.createElement("img"); imgElement.src = markers[ `marker_${Math.min(statusInfo.num_bikes_available, 30)}` ]; const marker = new mapboxgl.Marker({ element: imgElement }) .setLngLat([station.lon, station.lat]) .setPopup(popup) .addTo(map); marker.getElement().addEventListener("click", () => openSideBar(station, index) ); markersRef.current.push(marker); } } }); } }, [information, status, filters, openSideBar]); const filterButtons: FilterButtonData[] = [ { label: "On Campus", key: "onCampus", filterEnabled: filters.onCampus, filterFunction: () => setFilters(!filters.onCampus, filters.offCampus, filters.onlyAvailable), }, { label: "Off Campus", key: "offCampus", filterEnabled: filters.offCampus, filterFunction: () => setFilters(filters.onCampus, !filters.offCampus, filters.onlyAvailable), }, { label: "Has Available Bikes", key: "onlyAvailable", filterEnabled: filters.onlyAvailable, filterFunction: () => setFilters(filters.onCampus, filters.offCampus, !filters.onlyAvailable), }, ]; return ( <> <div ref={mapContainer} style={{ position: "absolute", top: 0, bottom: 0, width: "100%" }} /> <Filter filterButtonData={filterButtons} stations={status} /> </> ); }; export default MapComponent;

Work Experience

Computer Systems Course Staff & Tutor

Jack Baskin School of Engineering

Sept 2024 – Jan. 2026 · Santa Cruz, CA

Mentored 600+ students on low-level & secure programming, multithreading, sockets, memory management, synchronization primitives, and debugging tools (GDB/Valgrind/ThreadSanitizer)

Research Software Engineer

AIEA Research Lab

Apr. 2024 – Jan. 2026 · Santa Cruz, CA

Developed a Python autograder with tree-based analysis engine to evaluate correctness and behavior of submissions
Integrated external engines and built automated test agents to benchmark speed and validate logic with edge cases
Achieved 95% student preference rate for new analysis-based system versus previous grading system

Director of Instruction

ACM @ UCSC

Mar. 2024 – Aug. 2025 · Santa Cruz, CA

Designed and led 15+ technical workshops on Docker, TensorFlow, OpenCV, Flutter, and more for 180+ students.
Hosted weekly LeetCode practice and hands-on coding sessions to help students prepare for technical interviews.

Education

University of California, Santa Cruz

B.S. in Computer Science

2022 – 2026 · Santa Cruz, CA

Data Structures & Algorithms, Compiler Design, Network Security, Artificial Intelligence

Projects

Beacon

AI-powered travel discovery & trip planning platform

React (TypeScript), Node.js, Mapbox, Gemini, AWS

Live

A live travel platform where users drop pins on an interactive map, build itineraries with an AI planner powered by Gemini, and collaborate on trips in real-time via WebSockets. 20 active users with pins across all 50 U.S. states and 3 countries.

ChargeCosts

Tesla EV companion app with full Fleet API integration

Rust (Axum), React 19 (TypeScript), Fleet API, Protocol Buffers

Live

A full-stack Tesla companion app with real-time vehicle telemetry, remote controls, and detailed charging analytics like cost per mile and carbon emissions. The Rust backend implements the full Tesla Vehicle Command Protocol signing pipeline (P-256 ECDH, HMAC-SHA256, AES-128).

UCSC.app

All-in-one campus information portal

React, TypeScript, FastAPI, Python, OpenAPI

Live

One-stop-shop UCSC campus information portal Featuring live dining hall menu information, a combined news viewer of all UCSC depts. and feeds, high-speed course search, and an interactive map to show what class is currently taking place in any building. Fully styled with raw CSS for a custom look.

NSA Codebreaker Challenge 2025

Multi-stage cybersecurity investigation — all 7 tasks completed

Volatility, Ghidra, Binary Ninja, Wireshark, Python, GDB

GitHub

A multi-stage cybersecurity competition run by the NSA. Completed all 7 tasks spanning digital forensics, network forensics, memory forensics, malware analysis, cryptanalysis, and achieving RCE via a zip path traversal vulnerability in a provided Android app.

Mini Encrypted Network

TOR-style multi-node onion routing network

Python, RSA, Scapy, SSL/TLS, Flask, WebSockets

GitHub

A TOR-style encrypted routing network with layered RSA public-key wrapping per hop and SSL/TLS at the exit node for real HTTPS relay. Includes protocol fingerprinting, Scapy-based traffic analysis, and a Flask C2 dashboard with WebSocket event streaming and dynamic blocklist management.

Custom Compiler

Simple-C compiler with optimization passes

Python, C/C++, recursive descent parsing, 3AC codegen

Source

A compiler for a C-like language built in Python with recursive descent parsing, full semantic analysis including type checking, scope resolution, and three-address code generation.