Experience

5+ Years

Contributions

10+ Projects

Jonas Viray

CARAMEL

Plaridel, Quezon, Philippines +639669775936 caramelcrusade@gmail.com

View Projects Contact Me Download Resume

caramel.section:01 · identity_core

About Me

I'm Jonas Viray — a Full Stack Developer, AI Automation Specialist, and Workflow Automation Engineer based in the Philippines.

I build modern web applications from frontend to backend, design intelligent automation workflows, and integrate AI-powered systems to streamline complex business processes. My work bridges the gap between software engineering and intelligent automation.

My focus is on building reliable, maintainable systems with clean UI experiences, efficient API integrations, and automation that reduces operational overhead while improving accuracy and delivery speed.

From creating responsive React interfaces to architecting backend APIs, deploying with Docker, and building n8n/Make automation pipelines — I deliver end-to-end solutions that scale.

caramel.section:02 · technology_matrix

Skills Matrix

Frontend

HTML5CSS3JavaScript ES6+jQueryReactReact LibrariesTypeScriptNext.js

UI Frameworks

TailwindBootstrapshadcn/ui

Backend

Node.jsNest.jsExpressPHPLaravelPrismaComposer

Databases

MySQLPostgreSQL / SupabaseFirebase

Dev Tools

GitGitHubDockerRedisUpstashLovableOnspaceatoms.dev

Hosting / Deployment

VercelNetlifyInfinityFreeFileZilla

Automation & AI

n8nGoHighLevelMake.comZapierRetell AI

Design

FigmaCanvaBranding Kit Creation

caramel.section:03 · knowledge_grid

Knowledge Grid

Frontend Concepts

DOM manipulation
Responsive design
API integration
State management
Client-side routing
Accessibility
Performance optimization

Backend Concepts

REST API development
Authentication (JWT, OAuth)
Middleware
Server architecture
File handling
API security
Rate limiting
Logging

Database Concepts

Indexing
Transactions
Concurrency
Normalization
Migrations
Query optimization

AI Concepts

Prompt engineering
Embeddings
Vector databases
RAG
AI agents
AI Orchestration
MCP
Fine-tuning
Token limits
Context windows

Infrastructure

Containers
Serverless
Load balancing
Caching
Scaling

Security

Input validation
XSS prevention
CSRF protection
Auth security
Encryption
Environment variables

Software Engineering

Version control workflows
CLI
Microservices
Event-driven systems
Message queues
Scalability design

Testing

Unit testing
Integration testing
End-to-end testing

Soft Skills

Problem solving
System design thinking
Debugging ability
Documentation
Communication
Project management

caramel.section:04 · project_archive

Projects Archive

project archive // live loopsignal stable

CEO Dashboard

This system is a multi-role business operations dashboard designed to help CEOs, admins, and disposition teams monitor performance, manage integrations, and track day-to-day activity from one place. It combines executive reporting, communication analytics, integration management, and user-focused workflow tools into a single web application.

ReactTailwindPHP+2

Clara AI

A secure login interface for an AI-powered coaching and learning platform, designed to provide users access to personalized guidance and structured digital programs. Built with a clean and focused UI to streamline user onboarding and access.

OpenAIGHLN8N+2

Atimonan Laundry Shop

A modern laundry service website designed to streamline bookings and showcase convenient wash-and-fold solutions for local customers. Built with a clean interface to highlight services, pricing, and ease of use.

React ViteNode.jsExpress+5

EquityDeals

A real estate investment platform focused on connecting buyers, sellers, and investors with discounted property opportunities. Designed to simplify deal sourcing and help users grow their property portfolios efficiently.

ReactTypeScriptJava+3

Innov8IT

A modern IT services website offering done-for-you digital solutions, including website development, automation, and scalable tech systems for businesses. Designed to simplify complex technology and support business growth through seamless execution.

GHLHTMLCSS+1

We Breathe Success

A high-performance coaching and mentorship platform designed to help entrepreneurs, coaches, and leaders scale their business through mindset, strategy, and nervous system optimization. It delivers a modern approach to success by combining personal transformation with business growth.

GHLHTMLCSS+2

Rebirthing You

A faith-centered coaching and wellness platform designed to support women through life transitions using a blend of spiritual guidance and nervous system healing practices. It offers both community-based and personalized transformation programs.

GHLHTMLCSS+1

CroftMoney

A professional financial services website focused on simplifying home loans, refinancing, and property investment strategies for Australian clients. It combines strategic guidance with practical tools to support users through key property finance decisions.

GHLHTMLCSS+1

Pure Frequency Co

A calming and purpose-driven wellness website designed to guide women through burnout, life transitions, and self-reconnection. It combines holistic practices with a serene digital experience focused on emotional and mental well-being.

GHLHTMLCSS+1

Interactive Valentine's Website

A romantic interactive web experience designed to express love and appreciation through a personalized Valentine's Day message. Built as a simple yet emotional digital gesture that creates a memorable and engaging user interaction.

HTMLCSSJavaScript+1

Lens Legacy Portfolio

A clean and elegant photography portfolio website designed to showcase professional event coverage and visual storytelling. Focused on capturing timeless moments through a refined and user-friendly digital experience.

HTMLCSSJavascript

Indeas Portfolio

A modern informational website dedicated to Industrial Design Technology, showcasing its concepts, applications, and visual works through an organized and user-friendly interface. Designed to educate and engage users with both creative and technical aspects of the field.

HTMLCSSJavascript

NEXDI portfolio

An interactive virtual tour platform designed for Southern Luzon State University, showcasing its colleges, facilities, and institutional identity through an immersive digital experience. Built to enhance accessibility and engagement for students, visitors, and stakeholders.

HTMLCSSJavascript

Artisans Portfolio

A creative portfolio blending filmmaking and digital illustration, focused on visual storytelling through cinematic expression and digital artistry. It highlights the fusion of technical skill and imagination across multiple art forms.

JqueryHTMLCSS+1

Netspeak

A professional online English teaching hub providing fully equipped workspaces, stable infrastructure, and career growth opportunities for teachers. Designed to combine reliability, community, and mentorship, enabling educators to focus on teaching while Netspeak handles the logistics.

GHLHTMLCSS+1

Netspeak Portal

A teacher portal built for the Netspeak ecosystem, allowing instructors to log in, monitor their performance, and manage their work activity from a centralized dashboard. Designed to give teachers clearer visibility into their progress and operational status.

Next.jsSupabasePrisma

US Fund Advisor

US Fund Advisor is an AI-powered business funding platform that analyzes a company's financial profile and matches it with tailored financing options, helping entrepreneurs quickly access capital without complex applications or upfront costs.

n8n

n8nWebhooksGmail APIGoogle Gemini+2

live node

Dashboard Subscription Campaign

n8n

n8nStrapiREST APIPlaid+6

workflow / console / manual

caramel.section:06 · career_timeline

Experience Timeline

career node // 01

2026 - Present

CARAMEL archive

Full-Stack Developer & AI Automation Specialist

Independent / Freelance

Builds full-stack web platforms, dashboards, and automation systems, integrating AI and workflow tools to streamline operations.

Key responsibilities

Building web-based platforms, dashboards, and business portals.
Developing full-stack applications using modern frameworks and databases.
Integrating AI-powered assistants and intelligent features.
Designing automation workflows using tools such as n8n, Make, and Zapier.
Implementing agentic AI workflows and AI-driven automation systems.
Developing API integrations and scalable backend systems.
Deploying and maintaining production web applications.

Core areas of expertise

Full-Stack Development
AI Integration & LLM Applications
Automation Systems
Workflow Orchestration
System Architecture

career node // 02

2025 - 2026

CARAMEL archive

Full Stack Tech/Developer & AI Automation

United States of America

Developed websites, funnels, and automation systems while implementing AI solutions to optimize client operations.

Key responsibilities

Developed GoHighLevel (GHL) websites and funnels.
Implemented automation workflows and AI integrations.
Provided technical support and system troubleshooting.
Integrated third-party platforms and APIs.
Maintained and updated client systems to ensure reliability and performance.
Assisted businesses in optimizing their digital infrastructure.

Key areas

Web Development
Automation Systems
AI Integration
System Integration
Technical Support

career node // 03

2024 - 2025

CARAMEL archive

Full-Stack Web Developer

Perth, Western Australia

Built dynamic web applications with PHP and MySQL, handling backend development and system maintenance.

Key responsibilities

Built full-stack web applications using PHP and MySQL.
Developed dynamic web systems with HTML, CSS, JavaScript, and jQuery.
Designed and managed relational databases.
Implemented basic deployment and hosting configurations.
Maintained and updated existing web systems.

Technologies used

PHP
MySQL
JavaScript
HTML / CSS
jQuery

career node // 04

2023 - 2024

CARAMEL archive

Frontend Developer

Milton, NSW, Australia

Created responsive and interactive user interfaces and integrated frontend systems with backend APIs.

Key responsibilities

Built frontend interfaces using HTML, CSS, and JavaScript.
Developed interactive components using jQuery.
Implemented responsive layouts and optimized UI performance.
Integrated frontend components with backend APIs and data sources.

Technologies used

HTML5
CSS3
JavaScript
jQuery

career node // 05

2020 - 2022

CARAMEL archive

Freelance Technical Specialist - Account Recovery

Freelance

Provided account recovery support and cybersecurity guidance, identifying vulnerabilities and improving user security practices.

Key responsibilities

Assisted users in recovering lost or compromised accounts.
Provided guidance on account security, password recovery, and digital safety.
Helped identify potential account compromise risks and security vulnerabilities.
Educated users on improving personal cybersecurity practices.

career node // 06

2019 - 2020

CARAMEL archive

Content Writer - Cybersecurity & IT Tutorials

Whitehat PH

Created tutorials and educational content focused on cybersecurity awareness and IT concepts.

Key contributions

Wrote tutorials and guides about basic penetration testing, cybersecurity practices, and IT concepts.
Shared educational content aimed at helping beginners understand ethical hacking and information security.
Published technology tips, troubleshooting guides, and ICT-related knowledge.

Reference

https://www.facebook.com/WhitehatPH2

caramel.section:07 · comms_terminal

Contact Terminal

Location

Plaridel, Quezon, Philippines

Phone

+639669775936

caramelcrusade@gmail.com

Facebook Instagram LinkedIn GitHub OnlineJobsPH