SOFTWARE • WEBSITES • SYSTEMS + BUILDS

MY WORK.
WHAT I ACTUALLY BUILD.

I design and build practical software, business systems and custom websites. This portfolio shows the projects, decisions and real problems behind the work.

Looking for a website? Use the Website Studio to choose a direction visually and send me a free project request.

WEBSITE CLIENTS // OPEN I ALSO BUILD CUSTOM WEBSITES LIKE THIS ONE. DESIGN YOUR WEBSITE ↗
EXPLORE MY WORK ↗ ABOUT ME →
01 SOFTWARE & SYSTEMS
02 BUILDS & ENGINEERING
03 CREATIVE PROJECTS
02 // SELECTED WORK

BUILT TO
DO REAL WORK.

A selection of software products and systems I designed and built around real workflows, real constraints, and real use.

PROJECT // 01 LIVE PREVIEW
STORE COREOPERATIONS
ONLINE
SALES TODAY₱48,620+12.8%
ORDERS126LIVE
LOW STOCK18CHECK
SALES FLOW
STOCK ACTIVITY
GI WIRE #16+48
PORTLAND CEMENT-12
PVC 1/2"-8
ROOFING NAIL+120
COMPADRES HARDWARE CHECKOUT
Portland Cement₱260.00
GI Wire #16 × 2₱180.00
PVC Elbow × 4₱72.00
TOTAL₱512.00
POINT OF SALEREADY
SCAN OR SEARCH PRODUCT
AVAILABLE128
RESERVED12
ON HAND140
COMPLETE SALE →
SIGNAL TRAINING DECODE THE TRANSMISSION
•••  — — —  •••
S O S
ACCURACY 96%STREAK 14
TODAYFOCUS BOARD82%
Morning workoutDONE
Deep work sessionNOW
Project review14:30
Plan tomorrow20:00
SOLO RANK LV. 27 +1,240 XP THIS WEEK
BUSINESS OPERATIONS SYSTEM

TRADE CORE

A complete POS, inventory, purchasing, fulfillment, finance and owner-intelligence system built for real store operations.

FlutterFirebaseDriftAndroidWeb
VIEW CASE STUDY ↗
04 FEATURED BUILDS MORE PROJECTS WILL BE ADDED AS THEY'RE READY
03 // DISCIPLINES

MORE THAN
ONE MEDIUM.

The tool changes. The mindset does not: understand the problem, figure out how it works, build a solution, test it, and improve it.

01 / SOFTWARE & SYSTEMS

I DESIGN THE
WHOLE SYSTEM.

Not just screens. I work across product logic, workflows, local data, cloud synchronization, release systems, reliability and the interface people actually use.

DOCUMENTED BUILDS 04
FOCUS REAL-WORLD WORKFLOWS
Product Design Flutter Android + Web Local-First Data Cloud Sync Release Engineering
VIEW FEATURED SOFTWARE↗
02 / BUILDS & ENGINEERING

I LIKE KNOWING
HOW THINGS WORK.

Mechanical work gives me the same kind of challenge as software: diagnose the system, understand the interaction of the parts, repair or modify what is wrong, then prove the result in the real world.

WORK TYPE HANDS-ON
ARCHIVE BEING DOCUMENTED
Motorcycle Work Diagnosis Repair Modification Fabrication
Real build photos and process documentation will be added here as the physical-work archive is prepared.
03 / CREATIVE PROJECTS

FUNCTION CAN
STILL HAVE CHARACTER.

I also like making things where form, materials and experimentation matter as much as utility — from metal work and sculptural ideas to physical concepts that do not fit neatly into one category.

DIRECTION PHYSICAL + VISUAL
ARCHIVE GROWING
Metal Art Sculpture Physical Concepts Experimental Builds
This stays intentionally selective. Finished pieces and process shots will appear here as they are photographed and prepared for the portfolio.
THREE DISCIPLINES ONE BUILD MINDSET
04 // ABOUT

I LEARN BY
BUILDING THINGS.

I’m a developer and hands-on builder who likes understanding complete systems — not just one isolated part of them. Software is my strongest documented discipline today, but the same problem-solving mindset carries into mechanical work, fabrication and creative projects.

PROFILE // CL ACTIVE BUILDER
CHARLES LIOC DEVELOPER · BUILDER · PROBLEM SOLVER

I gravitate toward practical problems: workflows that waste time, systems that are unreliable, machines that need to work better, and ideas that are easier to understand once they exist as something real.

01 / APPROACH

UNDERSTAND THE SYSTEM.

Before changing anything, I want to know how the parts interact and where the real constraint actually is.

02 / BUILD

MAKE IT REAL.

I prefer working prototypes and usable products over ideas that stay theoretical for too long.

03 / IMPROVE

ITERATE FROM EVIDENCE.

Test it, find what fails or feels wrong, then improve the actual weak point instead of adding noise.

CAPABILITY MAP

WHAT I CAN
WORK ACROSS.

These are working areas, not percentage scores. The portfolio projects above are the evidence for the software side; the physical-work archive will expand as it is documented.

01
PRODUCT & SOFTWARE SYSTEMS PRIMARY / DOCUMENTED
Product Logic Flutter Android Web Local Data Cloud Sync Release Workflows
02
UX & INTERFACE THINKING WORKFLOW-DRIVEN
Information Flow Role-Based UX Responsive UI Interaction Design
03
MECHANICAL & HANDS-ON WORK ARCHIVE GROWING
Diagnosis Repair Motorcycle Work Modification Fabrication
04
CREATIVE MAKING SELECTIVE
Metal Art Sculpture Concept Building Experimentation
HOW I BUILD

FROM PROBLEM
TO WORKING SYSTEM.

01
OBSERVE

Find the real problem and the friction around it.

02
MODEL

Understand the system, constraints and workflow.

03
BUILD

Create the smallest real version that can prove the idea.

04
TEST

Use it, break it, validate the weak points.

05
IMPROVE

Refine what matters and remove unnecessary friction.

05 // WEBSITE SERVICES

YOUR WEBSITE CAN BE
A PROJECT WORTH REMEMBERING.

CURRENTLY LOOKING FOR CLIENTS

I design and build custom websites for people and businesses that want more than a basic template. The site you are viewing is one example of the visual systems, responsive layouts and interactive details I can create around a different brand.

PORTFOLIOSHOW YOUR WORK

A distinctive personal site for projects, experience, skills and a clear way to contact you.

BUSINESSEXPLAIN + CONVINCE

A professional business presence built around services, trust, mobile users and customer action.

INTERACTIONMAKE IT FEEL ALIVE

Scroll motion, responsive details and thoughtful interaction where they improve the experience.

DELIVERYREADY FOR THE WEB

Responsive implementation, basic search/social metadata and deployment to a suitable web host.

AVAILABLE FOR WEBSITE PROJECTS TELL ME WHAT YOU DO. I’LL HELP TURN IT INTO A WEBSITE PEOPLE CAN UNDERSTAND AND REMEMBER.
DESIGN YOUR WEBSITE↗
NO TECHNICAL BRIEF REQUIREDUse my Website Studio to choose the visual direction yourself. Your selections become the project brief I receive.
OPEN THE STUDIO↗
NO PAYMENT TO REQUESTDIRECT WITH THE BUILDERMOBILE + DESKTOPPAY BEFORE FINAL RELEASE
06 // CONTACT

HAVE SOMETHING
WORTH BUILDING?

I’m currently looking for website clients, and I’m also interested in practical software, systems, product ideas and unusual problems that benefit from someone willing to understand the whole thing.

PUBLIC EMAIL CONNECTED // OTHER CHANNELS PENDING
CONTACT_NODE CL://PORTFOLIO
STATUS WEBSITE CLIENTS // OPEN
EMAIL icharles.development@gmail.com
PROFESSIONAL LINKS TO BE CONNECTED
RESUME / CV TO BE ADDED
NO FAKE CONTACT DETAILS ADDED
Charles Lioc logo
CHARLES LIOC BUILD // IMPROVE // CREATE
BACK TO TOP ↑