# Ariel Jericko Gacilo — full site content > Ariel Jericko Gacilo builds and repairs web apps, games, Android apps, Windows desktop tools, storefronts, API integrations, and automations — then hands them over documented, so they keep running without him. Source: https://www.bokzgacilo.com Role: Full-stack developer and technical partner Location: Manila, Philippines · Remote-friendly Availability: Available for product and ops builds Engagement: Work starts with a 1:1 scope review: describe the problem, get a practical next step. No pitch deck, no obligation. --- ## Services ### Web Apps & Custom Systems Internal tools and customer-facing systems shaped around real workflows. Stack: React, Next.js, Node.js ### Websites & Landing Pages Conversion-focused pages with clear positioning and deployment-ready foundations. Stack: HTML/CSS, UI/UX, Deploy ### Shopify & E-commerce Storefront improvements, custom sections, product flows, and commerce support. Stack: Shopify, Liquid, E-commerce ### Thesis & Capstone Systems Structured prototypes and research systems with practical delivery support. Stack: Systems, Database, Reports ### Fixes, APIs & Integrations Stabilize existing systems and connect the services your business relies on. Stack: APIs, Debugging, Maintenance ### Excel, ETL & Web Scraping Turn manual data work into repeatable reporting and automation workflows. Stack: Excel, ETL, Scraping --- ## Case studies ### nowtpad URL: https://www.bokzgacilo.com/works/nowtpad Live site: https://nowtpad.vercel.app/ Type: Product build Duration: 1 week prototype Stack: Next.js, React, Vercel, CSS Tags: Notes, Minimal UI, Vercel A focused note-taking product that demonstrates clean interaction design, fast deployment, and a low-friction browser workflow. Highlights: - Focused writing surface - Fast Vercel deployment - Responsive browser workflow - Minimal interface decisions ### Catalog-as-a-Service URL: https://www.bokzgacilo.com/works/catalog-as-a-service Live site: https://catalog.bokzgacilo.com/ Type: API platform Duration: 2 week build Stack: Next.js, API Routes, Product Data, Vercel Tags: API, Product Catalog, Landing Page A public product catalog API designed to support storefront prototypes, documentation flows, and integration-ready product data. Highlights: - Developer-facing API positioning - Documentation-ready page structure - Product data access flow - Integration use-case framing ### SM Markets Clone URL: https://www.bokzgacilo.com/works/sm-markets-clone Live site: https://smmarket-dev.vercel.app/ Type: Commerce flow Duration: 2 week storefront sprint Stack: React, Next.js, E-commerce UI, Vercel Tags: Cloned Site, E-commerce, Storefront A retail storefront build that shows category browsing, search, cart entry, campaign merchandising, and customer shopping flow. Highlights: - Category browsing - Search and cart entry - Campaign merchandising sections - Responsive storefront layout --- ## Tools 10 live, 9 planned. Free, no signup. ### Image - **Background Remover** (live, runs server) — Strip the background from a photo and download a transparent PNG. https://www.bokzgacilo.com/tools/image/background-remover - **Image Compressor** (live, runs browser) — Shrink JPG, PNG, and WebP files down to an exact target file size. https://www.bokzgacilo.com/tools/image/image-compressor - **Image Resizer** (live, runs browser) — Set a white canvas size, then drag and zoom the image layer into place. https://www.bokzgacilo.com/tools/image/image-resizer - **Image Extension Converter** (live, runs browser) — Upload one original image, select PNG, JPEG, or WebP, and convert common formats including HEIC. https://www.bokzgacilo.com/tools/image/image-extension-converter ### Audio - **Audio Clipper** (live, runs browser) — Import audio, select a section on the waveform, and save your clip as WAV. https://www.bokzgacilo.com/tools/audio/audio-clipper - **Audio Converter** (live, runs server) — Upload an audio file, convert it to MP3, WAV, OGG, FLAC, or AAC, then download the new copy. https://www.bokzgacilo.com/tools/audio/audio-converter ### Video - **YouTube Downloader** (live, runs server) — Paste a YouTube link and download it as an MP4 video or extract the audio as MP3. https://www.bokzgacilo.com/tools/video/youtube-downloader ### Converter - **PDF to Image** (live, runs browser) — Export each page of a PDF as a PNG or JPG, then download all pages in one ZIP. https://www.bokzgacilo.com/tools/converter/pdf-to-image ### Data - **CSV to JSON** (planned, runs browser) — Paste or upload a CSV and get clean, typed JSON back. https://www.bokzgacilo.com/tools/data/csv-to-json - **Excel to CSV** (planned, runs server) — Pull any sheet out of an XLSX workbook as plain CSV. https://www.bokzgacilo.com/tools/data/excel-to-csv - **JSON Formatter & Prettier** (live, runs browser) — Format, minify, validate, copy, download, and inspect JSON in a collapsible tree. https://www.bokzgacilo.com/tools/data/json-formatter - **Excel Unlocker** (live, runs server) — Remove worksheet and workbook protection from an XLSX or XLSM file, then download a clean copy. https://www.bokzgacilo.com/tools/data/excel-unlocker ### Text - **Case Converter** (planned, runs browser) — Switch text between camel, snake, kebab, title, and sentence case. https://www.bokzgacilo.com/tools/text/case-converter - **Word Counter** (planned, runs browser) — Count words, characters, sentences, and reading time as you type. https://www.bokzgacilo.com/tools/text/word-counter - **Slug Generator** (planned, runs browser) — Turn any headline into a clean, URL-safe slug. https://www.bokzgacilo.com/tools/text/slug-generator ### Developer - **QR Code Generator** (planned, runs browser) — Generate a QR code for a link, then download it as SVG or PNG. https://www.bokzgacilo.com/tools/dev/qr-generator - **UUID Generator** (planned, runs browser) — Generate v4 and v7 UUIDs in bulk, ready to copy. https://www.bokzgacilo.com/tools/dev/uuid-generator - **Base64 Encoder** (planned, runs browser) — Encode and decode text or files to and from Base64. https://www.bokzgacilo.com/tools/dev/base64-encoder - **Hash Generator** (planned, runs browser) — Produce MD5, SHA-1, SHA-256, and SHA-512 digests from text or a file. https://www.bokzgacilo.com/tools/dev/hash-generator --- ## Writing ### Claude Chat vs Claude Code: What to Use, When, and How to Set It Up Published on Guide: /blogs/claude-chat-vs-claude-code A practical comparison of Claude's browser chat experience and Claude Code's terminal workflow, with setup steps for developers. ### Integrating Salesforce CRM Leads with a Next.js Page Router App Published on Medium: https://medium.com/@bokzgacilo/integrating-salesforce-crm-leads-with-a-next-js-page-router-app-7b29bac20ea9 A technical walkthrough for connecting Salesforce CRM lead capture with a Next.js application. --- ## Contact Form: https://www.bokzgacilo.com/contact Email: bokzgacilo@gmail.com (mailto:bokzgacilo@gmail.com) Phone: 0976 222 0951 (tel:+639762220951) LinkedIn: ariel-jericko-gacilo (https://www.linkedin.com/in/ariel-jericko-gacilo/) GitHub: bokzgacilo (https://github.com/bokzgacilo) Category labels used across the tools hub: Image, Audio, Video, Converter, Data, Text, Developer.