BS Information Technology Student

Web Development Systems Integration IT Research Networking UI/UX

Building Systems.
Solving Problems.

Developer, researcher, and technical problem-solver pursuing an IT degree at the University of St. La Salle. Specializing in full-stack systems, database management, and network environments.

Development environment IDE with systems architecture diagram

Systems Integration & IDE Hub

University of St. La Salle

Discover

Biography

About Me

I’m JC Niñonuevo, a BS Information Technology student from Bacolod City, Philippines. My work focuses on building practical digital systems through web development, UI/UX design, database management, networking fundamentals, and research-based solutions. I enjoy turning messy ideas into structured, usable systems with clean interfaces and clear functionality.

My creative background helps me approach technology with strong attention to layout, usability, and presentation. For this portfolio, the focus is on my IT work: systems, projects, research, technical documentation, and learning progress as a future IT professional.

Quick Profile

Location

Bacolod City, Philippines

Program

BS IT

School

University of St. La Salle

Focus

Web Systems, UI/UX, Research, Networking

Current Goal

Build stronger real-world IT projects

Competencies

Skills & Tech Stack

A structured breakdown of my technical capabilities as an IT student, spanning frontend design, backend systems, database management, network engineering, and research methodologies.

Frontend Development

Designing responsive, highly interactive, and accessible web interfaces focused on clean layouts and standards-compliant code structure.

HTML CSS Tailwind CSS JavaScript Responsive Web Design UI Layouting Accessibility Basics

Backend / System Logic

Developing structured server-side controllers, secure data handling pipelines, multi-role authentication mechanisms, and dynamic API integrations.

PHP Java API Integration Basics MVC Architecture Authentication Logic Form Handling Server-Side Validation

Database

Modeling relational databases, designing schemas, establishing data relationships, and writing queries for data retrieval and indexing.

MySQL Database Design CRUD Operations Data Relationships Query Writing Basic Data Normalization

Mobile / App Development

Developing cross-platform applications and mobile interface layouts using reactive UI principles and standard prototyping workflows.

Flutter Dart Android Java Mobile UI Design Mobile App Prototyping

Networking

Simulating dynamic network environments, configuring virtual switches/routers, separating broadcast domains, and auditing connectivity issues.

Cisco Packet Tracer VLANs Inter-VLAN Routing DHCP Switch Security Wireless LAN Basics Basic Network Troubleshooting

Research & Documentation

Analyzing functional requirements, documenting data flows and user workflows, and compiling standard IT research and metrics documentation.

Technical Writing System Documentation Research Writing SmartPLS familiarity Requirements Analysis User Flow Documentation
Academic / Research Prototype

MSME Financial Tracking & Microloan Readiness

A web-based system concept designed to help micro, small, and medium enterprises monitor financial activity, organize cash flow records, and assess microloan readiness.

Key Features

  • Dashboard overview
  • Income and expense tracking
  • Loan readiness indicators
  • Report generation
HTML Tailwind CSS JavaScript PHP MySQL
Capstone / IT Concept Concept

MSME Inventory & Consumer Access

A system concept that connects consumer access issues with MSME operational gaps by helping businesses manage product availability and access points.

Key Features

  • Product stock monitoring
  • Inventory alerts & availability status
  • Customer-facing product access
  • Admin control dashboard
HTML Tailwind CSS JavaScript PHP MySQL
Web Application Refactoring

Complaint & Payment System

A PHP-based system for managing user complaints and payments, including PDF export functionality and dashboard-style records.

Key Features

  • Complaint logging and tracking
  • Payment records & summaries
  • High-performance PDF export
  • MVC structured architecture
PHP MySQL JavaScript HTML CSS
Networking / Cisco Coursework

Packet Tracer Network Configuration

A collection of Cisco Packet Tracer activities focused on VLANs, trunking, router-on-a-stick, DHCP, EtherChannel, switch security, and wireless networks.

Key Features

  • VLAN segmenting & trunk configurations
  • Inter-VLAN routing (Router-on-a-stick)
  • DHCP dynamic setups & WLAN controller
  • Switch security settings (Port-Security)
Cisco Packet Tracer IOS CLI
AI Learning App Concept

AI-Assisted Study App Concept

An AI-powered learning app concept inspired by the Feynman Technique, designed to help students prove understanding by explaining topics simply.

Key Features

  • Interactive topic explanation
  • AI dynamic follow-up questions
  • Understanding and completion score
  • Student learning feedback logs
HTML Tailwind CSS JavaScript AI API Concept
Frontend Development Live

Personal IT Portfolio Website

A responsive, high-performance portfolio website designed to present my IT skills, projects, research, and learning journey as a BSIT student.

Key Features

  • Responsive layouts & sleek grids
  • GSAP staggered entry scroll triggers
  • Advanced bento-grid info structures
  • Custom optimized lazy-loading layers
HTML CSS Tailwind CSS JavaScript
Academic Research Capstone

Exploring the Growth Barriers and Operational Challenges of MSMEs in Bacolod City

This research examines how consumer behavioral intention connects with the operational capacity of MSMEs. It uses the Theory of Planned Behavior and a sequential explanatory mixed-methods design to understand both consumer-side factors and business-side challenges.

Research-to-System Bridge

My research work helps shape system ideas that address real operational gaps, such as financial tracking, inventory visibility, digital access, and consumer convenience.

Key Focus Dimensions

Theory of Planned Behavior

Utilizing attitude, subjective norms, and perceived control to predict user and enterprise digital adaptation.

Consumer Behavioral Intention

Analyzing the factors driving customers to choose local MSMEs over large digital platforms.

MSME Operational Challenges

Identifying supply chain, regulatory, and infrastructural hurdles faced by neighborhood merchants.

Perceived Behavioral Control

Measuring the confidence and capability of business owners when adopting new digital systems.

Digital Access & Visibility

Investigating how internet availability and online storefront visibility impact small business growth.

Financial Capacity

Examining cash flow constraints, microloan access readiness, and manual accounting limitations.

Product Availability & Distribution

Mapping product tracking anomalies, delivery inefficiencies, and catalog-consumer matching systems.

Career & Academic Path

Experience

A chronicle of my academic journey, digital production roles, and hands-on systems development experiences.

2022 - Present

BS Information Technology Student

University of St. La Salle

Acquiring advanced fundamentals in software engineering, database management, research synthesis, and network architecture.

  • Web systems & responsive frontend design
  • Object-oriented systems analysis & blueprinting
  • Relational database normalization & SQL design
  • Cisco switching, security protocols, & routing
  • Mixed-methods research & data evaluation
Web Systems SQL Cisco CCNA Research
Creative Tech

Photo & Video Editor

The La Salle Yearbook

Managing visual system workflows, large-scale media assets, and user layout consistency across print and digital platforms.

  • Digital asset management & directory organization
  • Visual consistency, layouts, & interface designs
  • Grid alignment, hierarchy, & typography guidelines
  • Structured content classification & catalogs
  • Cross-functional communication & schedule management
Asset Management UI Layouts Production
Systems Dev

Academic Developer

Student Systems & Projects

Designing, building, and documenting full-stack software prototypes, database queries, and routing configurations.

  • Full-stack systems using custom MVC architectures
  • Database-driven applications with secure CRUD logic
  • Interactive, high-fidelity user interface prototyping
  • System user flows and flowchart documentation
  • Secure network topology configurations in Cisco Packet Tracer
PHP / MVC MySQL UI/UX System Specs

Environment & Skill Building

Tools I Use and Am Actively Learning

My primary development editors, database managers, and network simulators alongside active academic coursework and research-driven learning tracks.

VS Code
GitHub
Cisco Packet Tracer
MySQL
phpMyAdmin
XAMPP
SmartPLS
Flutter
Android Studio
Tailwind CSS
Google Gemini
Antigravity

Academic & Self-Taught Milestones

Active Learning & Progress Checkpoints

Honest self-assessment growth tracker
Practicing through coursework

Cisco Networking / CCNA

Configuring VLANs, inter-VLAN routing, dynamic OSPF routing, subnetting schemes, and switchport security configurations in simulator software.

Building experience in

Web Development

Structuring responsive frontend pages using semantic HTML, vanilla CSS layouts, custom web components, Tailwind matrices, and JS.

Used in academic projects

Database Systems

Designing relational databases, applying 3NF normalization rules, modeling entities, and writing structured SQL queries and updates.

Building experience in

UI/UX Design

Studying design consistency standards, high-fidelity responsive wireframes, typography pairings, grid layouts, and user flows.

Used in academic projects

PHP & MVC Architecture

Refactoring legacy procedural PHP coursework into modular Model-View-Controller logical segments to isolate system routines.

Currently learning

Flutter / Mobile Dev

Understanding Dart structures, cross-platform state properties, and constructing native Android UI mobile prototypes.

Familiar with

AI & Prompt Engineering

Utilizing large language models, Google Gemini, and Antigravity as intelligent copilots for design layout prototyping and code verification.

Used in academic projects

Technical Documentation

Drafting structured system manuals, entity schemas, user logic flowcharts, data dictionaries, and Capstone research write-ups.

Get In Touch

Let’s build something practical.

I’m open to academic collaborations, IT project discussions, internship opportunities, and system development ideas.