WELCOME TO MY PORTFOLIO

BUILD.CODE.CREATE.

JOHN PAUL C OLARTE

Building practical digital systems, one project at a time.

2-Year Computer Science Graduate & Beginner Web Developer

I enjoy building practical websites, applications, and digital systems while continuously improving my programming and development skills.

Scroll to explore
01 /THE PERSON

About Me

JOHN PAUL C OLARTE

2-Year Computer Science Graduate & Beginner Web Developer

I am a graduate of a 2-year Computer Science course/program with an interest in web development, software systems, and technology. I enjoy learning by building practical projects and continuously improving my programming skills.

See my journey

Education

2-Year Computer Science Course/Program

Graduate

Quick Stats

Projects
6
Technologies used
9
Active projects
6

What I Like Building

  • Websites
  • Web applications
  • Management systems
  • Personal productivity systems
  • Creative digital projects
  • AI-assisted applications

Current Focus

  • HTML/CSS
  • JavaScript
  • Java
  • Responsive Web Design
  • Application architecture
  • Modern development tools
  • Learning through hands-on projects
BUILD

Websites, web applications and practical digital systems.

LEARN

Programming, modern development tools and software concepts.

CREATE

Personal projects, productivity systems and creative digital experiences.

02 /THE TOOLKIT

My Skills

A growing toolkit practiced through hands-on projects, with honest learning labels instead of percentages.

01

Frontend

Making the web useful and accessible.

  • HTMLBuilding With
  • CSSBuilding With
  • JavaScriptPracticing
  • Responsive Web DesignBuilding With
02

Programming

Strengthening the fundamentals.

  • JavaPracticing
  • Basic ProgrammingBuilding With
  • Problem SolvingPracticing
03

Web Development

Exploring how applications work.

  • LocalStorageFamiliar
  • IndexedDBLearning
  • Client-side applicationsBuilding With
  • API conceptsLearning
04

Development Tools

Tools that support the process.

  • VS CodeBuilding With
  • AcodeFamiliar
  • Git/GitHubPracticing
  • AI-assisted development toolsLearning
03 /THE WORK

Projects

Practical systems and creative experiments in active development.

Featured Projects

Management System

JP Inventory System

Active Development

An inventory management system designed for product management, stock monitoring, transaction tracking, reporting, and inventory intelligence.

HTMLCSSJavaScriptLocalStorage
Business System

JP Ordering System

Active Development

A restaurant ordering and management platform designed for customer ordering and staff operations.

Web technologiesDatabase/API integration where applicable
AI / Creative System

JP AI Movie / Video Generator

Active Development

An AI-assisted creative workspace for developing movie and video projects including stories, characters, episodes, scenes, scripts, prompts, media, and trailers.

Web technologiesAI services where configured

All Projects

Management System

JP Inventory System

Active Development

An inventory management system designed for product management, stock monitoring, transaction tracking, reporting, and inventory intelligence.

HTMLCSSJavaScriptLocalStorage
Business System

JP Ordering System

Active Development

A restaurant ordering and management platform designed for customer ordering and staff operations.

Web technologiesDatabase/API integration where applicable
Media / Library System

JP Music Library

Active Development

A personal music and lyrics library designed for organizing songs, lyrics, artists, albums, favorites, and offline access.

HTMLCSSJavaScriptIndexedDB
Personal Web Platform

JP Space

Active Development

A personal web platform for organizing photos, media, posts, and personal content in one digital space.

HTMLCSSJavaScriptIndexedDB
AI / Creative System

JP AI Movie / Video Generator

Active Development

An AI-assisted creative workspace for developing movie and video projects including stories, characters, episodes, scenes, scripts, prompts, media, and trailers.

Web technologiesAI services where configured
Security / Educational

JP Authorized Network Security Assistant

Active Development

A security-focused project for authorized local network auditing, device awareness, security checks, and educational security workflows.

Authorized / Local Use Only

Web technologiesBrowser/device capabilities where available
04 /THE PATH

My Development Journey

Learning through practice, growing through projects, and taking the next step.

  1. 2024

    01 / 03

    Started developing programming and Computer Science fundamentals.

  2. 2025

    02 / 03

    Started building small websites and experimenting with different development tools.

  3. 2026

    03 / 03

    Started creating larger personal systems and exploring AI-assisted development.

Currently Building

Projects marked Active Development in the showcase.

05 / SAY HELLO

LET'S CONNECT.

Have a question, project idea, or simply want to connect? Contact JOHN PAUL C OLARTE through a configured channel below.

Good conversations start with a hello.

Contact channels

Public contact links haven't been added yet. They'll appear here when available.

⚡Remix on GenMB