NextViz
Local-first, node-based automation engine for Next.js.
Design workflows visually, sync them to Git as JSON, and run them on Vercel — no VPS required. Built for Vibe Coders who want n8n power with shadcn/ui simplicity.
Building across Web, AI, Robotics, and Automation — shipping real products as a CS student at Nueva Vizcaya State University.
I'm a Computer Science student building across Web, AI, Robotics, and Automation. I ship real products end-to-end — from gesture-controlled Arduino hardware to AI-native Next.js platforms — and I treat every project as a chance to push past what's expected of a student.
From gesture-controlled robots to AI-native platforms — every project here is something I shipped end-to-end.
Local-first, node-based automation engine for Next.js.
Design workflows visually, sync them to Git as JSON, and run them on Vercel — no VPS required. Built for Vibe Coders who want n8n power with shadcn/ui simplicity.
AI-optimized Next.js + Supabase boilerplate.
A high-performance, AI-native boilerplate for Next.js, Supabase, and Vercel. Designed as a source of truth for Claude Code and Antigravity so AI agents can build autonomously without breaking architecture.
[EDIT ME] One-line tagline for AttyJuan.
[EDIT ME] 2–3 sentences describing what AttyJuan does, who it's for, and the problem it solves. Update this in src/lib/config.ts.
Agent harness performance optimization system.
Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
AI-native management suite for the Adventist Church.
A Next.js 15 + Supabase platform with secure hierarchy, financial transparency, and resource sharing for Missions, Divisions, and local congregations.
[EDIT ME] One-line tagline.
[EDIT ME] Replace this with a 2–3 sentence description.
Natural-language 3D modeling for Blender using Claude.
Describe a 3D design in plain English; Claude controls Blender via MCP and builds it for you. Iterate by chatting.
Claude + Blender 3D-print design template.
Natural-language modeling for 3D printing — describe your design, Claude builds it in Blender, iterate in plain English.
Reflex-agent simulation with a visual interface.
A simple AI vacuum agent that demonstrates rule-based decision making, rendered through a TypeScript-powered GUI.
Gesture-controlled Arduino with a Python GUI.
Combines OpenCV hand tracking, PySide6 UI, and real-world hardware control — wave your hand to drive an Arduino.
Hands-free Arduino dispenser with ultrasonic sensing.
Arduino-powered auto-dispenser using an ultrasonic sensor and servo motor — touchless and IoT-ready for public use.
Hands-on Arduino course for CS Robotics students.
Covers resistors, capacitors, relays, and power control for real-world sensors and motors — the missing electrical fundamentals course.
Sensor-based humidity monitor for embedded experiments.
A compact Arduino + DHT sensor humidity logger — the start of a longer environmental monitoring stack.
Minimalist productivity app with Task / School / Health.
React Native + FastAPI + SQLite — combines a task manager, school planner, and health tracker into one quiet, focused interface.
Interactive 'I Forgive You' landing page.
A playful apology page with a persistent forgive button and a very elusive 'No' button — built for fun, used for real.
Full-stack image management on Supabase.
A Next.js + FastAPI hybrid image app built to master the Supabase ecosystem — auth, storage, RLS, and custom backend logic.
Documentary site for a university immersion program.
A narrative-driven site built to capture the bus immersion experience — story, photos, and reflections in one clean reading flow.
Environmental conservation map with layered data.
A map visualization dashboard showing environmental maps and conservation data with interactive layers.
Full-stack PHP + MySQL auth with hashed passwords.
PHP, MySQL, and Bootstrap — password hashing, session management, and protected routes from scratch.
Benchmarks 10 search algorithms in Jupyter.
Ranks execution time on random datasets with visual performance charts — a clean reference for algorithm comparison.
Six algorithm challenges, one notebook each.
Solutions to six problems from the 100 Algorithms Challenge — each in its own Jupyter notebook with test cases.
Competitive DSA solutions with time/space analysis.
Optimized Python implementations for an internal data structures competition, annotated with complexity notes.
Physics simulation of gas particle pressure dynamics.
Real-time visual rendering of gas particle behavior — built to make abstract physics concepts tangible.
Daily LeetCode solutions for interview mastery.
Tracks data structures & algorithms practice — each solution annotated with approach notes for interview prep.
OOP, data structures, and systems mini-projects.
Collection of C++ problem sets covering OOP, data structures, and foundational systems programming.
Python GUI journey with widgets, layouts, and signals.
Hands-on learning project covering event-driven programming, widgets, and reactive layouts in PySide6.
Beginner-friendly logic programming course.
Detailed lessons, installation guides, and practical examples — designed to make logic programming approachable.
Python utility to generate downloadable QR codes.
Minimal-setup utility to convert any URL into a downloadable QR code image — instant output, zero ceremony.
Languages, frameworks, and tools I've used to ship real projects.
Python
TypeScript
JavaScript
C++
C
PHP
Prolog
Next.js
React
React Native
Tailwind CSS
FastAPI
PySide6 / Qt
OpenCV
Git
GitHub
Vercel
Supabase
Arduino
Blender
Linux
VS Code
MySQL
Claude Code
Data Structures
Algorithms
OOP
Computer Vision
Embedded Systems
AI Agents
Verified credentials from Google, Cisco, and Udemy — each one clickable to view the original certificate.
Academic performance per semester at Nueva Vizcaya State University.
| Subject | Units | Grade |
|---|---|---|
Art AppreciationGE ARTS | 3 | 1.25 |
Understanding the SelfGE SELF | 3 | 1.25 |
Environmental ScienceGE ENVI | 3 | 1.50 |
Mathematics in the Modern WorldGE MATH | 3 | 1.50 |
Introduction to ComputingIT ECC 1 | 3 | 1.25 |
Fundamentals of ProgrammingIT ECC 2 | 3 | 1.00 |
Physical Activities Towards Health and Wellness 1PATHF 1 | 2 | 1.50 |
Civic Welfare Training Service 1CWTS 1 | 3 | 1.25 |
| Subject | Units | Grade |
|---|---|---|
Philippine Indigenous CommunitiesGE INDI | 3 | 1.50 |
Purposive CommunicationGE COMM | 3 | 1.50 |
Science, Technology, and SocietyGE STS | 3 | 1.25 |
The Contemporary WorldGE WORLD | 3 | 1.25 |
Discrete Structures 1CS PC 1 | 3 | 1.00 |
Intermediate ProgrammingIT ECC 3 | 3 | 1.00 |
Physical Activities Toward Health and Wellness 2PATHF 2 | 2 | 1.50 |
Civic Welfare Training Service 2CWTS 2 | 3 | 2.00 |
| Subject | Units | Grade |
|---|---|---|
The Entrepreneurial MindGE ENTREP | 3 | 1.75 |
Readings in Philippine HistoryGE HIST | 3 | 1.25 |
Discrete Structures 2CS PC 2 | 3 | 1.00 |
Object Oriented ProgrammingCS PC 3 | 3 | 1.00 |
Data Structures and AlgorithmsIT ECC 4 | 3 | 1.25 |
Basic Electronic CircuitsCST2_1 | 3 | 1.50 |
Fundamentals of RoboticsCST2_2 | 3 | 1.00 |
Physical Activities Toward Health and Wellness 3PATHF 3 | 2 | 1.50 |
| Subject | Units | Grade |
|---|---|---|
Life and Works of RizalGE MSRIZAL | 3 | 1.50 |
Algorithms and ComplexitiesCS PC 4 | 3 | 1.00 |
Information ManagementIT ECC 5 | 3 | 1.25 |
Architecture and OrganizationCS PC 5 | 3 | 1.00 |
Analytic Geometry and CalculusCS MATH | 3 | 1.25 |
Microcontroller/MicroprocessorCST2_3 | 2 | 1.25 |
Physical Activities Toward Health and Wellness 4PATHF 4 | 2 | 1.25 |
| Subject | Units | Grade |
|---|---|---|
EthicsGE ETHICS | 3 | 1.00 |
Automata Theory and Formal LanguagesCS PC 6 | 3 | 1.00 |
Information Assurance and SecurityCS PC 7 | 3 | 1.25 |
Application Development and Emerging TechnologiesIT ECC 6 | 3 | 1.00 |
System FundamentalsCS PEC 1 | 3 | 1.00 |
Artificial IntelligenceCST2_4 | 3 | 1.00 |
| Subject | Units | Grade |
|---|---|---|
Programming LanguagesCS PC 8 | 3 | In Progress |
Software Engineering 1CS PC 9 | 3 | In Progress |
Social Issues and Professional EthicsCS PC 10 | 3 | In Progress |
Open to internships, collaborations, and interesting problems. The fastest way to reach me is email.