Full-stack developer passionate about building innovative solutions.
Ivan Castillo
Full-Stack Developer
Expertise
I'm Ivan Castillo, a full-stack developer building innovative
solutions. From designing, developing, and optimizing, I bring passion and problem-solving abilities to
every project.
Creative Solutions
Creative problem-solver with proficiency in identifying innovative solutions to technical challenges,
consistently delivering quality products on time and within budget.
Responsive Designs
Proficient in implementing responsive design principles to create visually appealing and user-friendly
applications that cater to the needs of modern users.
Collaborative Efforts
A keen understanding of collaboration tools, methodologies, and best practices that ensure effective
organization and coordination.
Portfolio
A selection of projects I've designed and built.
Maison Noir
Restaurant Website
Three Rivers Theater
Community Theater & Event Venue Website
Warehouse Conveyor Control
Industrial Simulation & SCADA Dashboard
Domain Data Pipeline
E-Commerce Data Engineering Pipeline
Workhint UI
Hiring Dashboard — React & Tailwind
ConstructIQ
Construction Analytics Dashboard — React & TypeScript
Contact
Have a project in mind or want to connect? Reach out!
Luxury Restaurant & Cocktail Bar — Full-Stack Web Application
Maison Noir is a fully designed and developed restaurant web application for a luxury fine-dining concept in Houston, TX.
The site features a dark, noir aesthetic with gold accents and delivers a premium user experience from landing to reservation.
Built entirely with vanilla HTML, CSS, and JavaScript — no frameworks — with a focus on visual polish, performance, and responsiveness.
Key features include an interactive table reservation modal with form validation, a curated menu section with signature dishes and craft cocktails,
a multi-image atmosphere gallery, smooth scroll navigation, and a mobile-responsive layout with a hamburger menu toggle.
CSS custom properties, CSS Grid, and backdrop-filter effects were used throughout to achieve the high-end visual identity.
Community Theater & Event Venue — Website Design & Development
Three Rivers Theater is a 100-seat performing arts venue on Louisiana's Northshore in Covington, LA,
founded by professional musicians and actors. I designed and developed their website to reflect the
venue's mission as a creative hub bridging professional-grade audio/visual production with community
accessibility.
The site covers their full range of programming — theatrical productions, live concerts, corporate events,
movie nights, and dance performances in partnership with LAAPA. It includes event listings, venue rental
information, and contact/booking details, giving both performers and event planners everything they need
to engage with the theater.
Industrial Conveyor Simulation & SCADA Dashboard — React Web Application
A full-featured simulation of an industrial warehouse conveyor and sortation system, modeled after
Amazon Robotics/RME-style environments. The application features PLC-style interlock control logic,
fault injection and handling, real-time operational metrics, and a SCADA-inspired dark dashboard —
built to demonstrate skills applicable to Reliability Maintenance Engineering and automation roles.
The system simulates three conveyor zones (A, B, C) where packages spawn and traverse the full line.
A rule-based interlock engine automatically halts upstream zones when a downstream zone is blocked.
Fault types include JAM, SENSOR FAILURE, and MOTOR FAILURE per zone, with an Emergency Stop (E-STOP)
that halts all zones simultaneously. An alarm panel tracks severity levels (CRITICAL / WARNING) with
an ACK workflow, and live metrics track throughput, cycle time, downtime, and fault counts.
Type:
Industrial Simulation & Dashboard
Stack:
React 18, Vite 6, JavaScript (ES Modules), Vanilla CSS
Modular E-Commerce Data Engineering Pipeline — Python & Docker
A production-style, four-stage data engineering pipeline that ingests, transforms, validates,
and loads e-commerce order data with a single command: python main.py. The pipeline
pulls live cart data from a public API, flattens nested JSON into structured tabular records,
enforces data quality rules before any write occurs, and loads the clean output into a SQLite
database — fully idempotent and safe to re-run at any time.
Five validation rules are enforced before loading: no null order IDs, positive quantities,
non-negative prices, no duplicate (order_id, product_id) pairs, and floating-point tolerance
checks on computed totals. The pipeline is containerized with Docker using a
python:3.10-slim base image, with volume mounting support to persist output files locally.
Type:
Data Engineering Pipeline
Stack:
Python 3.10, pandas, SQLite, Docker
Features:
4-Stage ETL, Data Validation, Idempotent Loading, Dockerized, REST API Ingestion
Workhint UI
Interactive Hiring Dashboard — React, Tailwind CSS & Live APIs
Workhint UI is a fully interactive hiring and recruitment dashboard built with React 18 and Tailwind CSS v3 —
with zero third-party UI component libraries. Every element is hand-crafted using Tailwind utility classes.
The app integrates two live external REST APIs: RandomUser API for real-time candidate data and The Muse API
for live job listings filterable by level and keyword.
The dashboard spans five pages — Dashboard, Candidates, Jobs, Reports, and Settings — with client-side routing
handled via React state (no React Router). Features include dark mode with persistent toggle, animated loading
skeletons, a global search bar, an Add Candidate modal with form validation, and four Recharts visualizations:
hiring trend (area), candidate pipeline (bar), response rate (line), and time-to-hire (line).
Fully responsive across mobile, tablet, and desktop. Deployed live on Vercel.
Type:
Hiring & Recruitment Dashboard
Stack:
React 18, Vite, Tailwind CSS v3, Recharts, RandomUser API, The Muse API
Features:
Live APIs, Dark Mode, Recharts Visualizations, Responsive Layout, Add Candidate Modal, Loading Skeletons
ConstructIQ
Construction Analytics Dashboard — React 19 & TypeScript
ConstructIQ transforms raw construction project data into predictive operational intelligence,
designed to complement platforms like Procore by surfacing what is about to go wrong
rather than just historical data. A rule-based AI risk engine scores every project 0–100 across
three signals — schedule delay (up to 50 pts), budget overrun (up to 30 pts), and delayed task
count (up to 20 pts) — and automatically classifies them as On Time, At Risk, High Risk, or Critical.
The dashboard surfaces portfolio-level KPIs including on-time delivery %, budget vs. actual spend,
average risk score, and active alerts. A CSV upload feature rebuilds the entire dashboard from new
data, making it easy to swap in any project dataset. Built with React 19 and TypeScript, styled with
Tailwind CSS v4, and visualized using Recharts — deployed as a static app on Vercel with no backend required.
Type:
Construction Analytics Dashboard
Stack:
React 19, TypeScript, Tailwind CSS v4, Recharts, Vite, Bun
Features:
AI Risk Engine, Portfolio KPIs, CSV Upload, Dark Mode, Filtering & Sorting
