John Mark Mancol

John Mark Mancol

Full Stack Web Developer

Hi! I'm John

I’m a full stack web developer who’s been building applications since 2015.

Working across both frontend and backend technologies. Over the years, I’ve had the opportunity to work on a wide range of projects—from eCommerce platforms and internal business tools to APIs and scalable web systems.

This site is where I document what I learn along the way. Instead of just showcasing finished projects, I share the actual process behind them—the decisions, the challenges, and the solutions that worked (and sometimes didn’t). Most of the content here is based on real-world experience, whether it’s working with Nuxt, Laravel, integrating APIs, or exploring new tools and technologies.

You’ll find a mix of tutorials, technical deep dives, and practical insights that are meant to be useful for other developers, especially those building modern web applications. I also use this space to explore ideas beyond the default limitations of tools—figuring out how to extend, optimize, and make them work better in real scenarios.

If you’re into web development, building side projects, or just curious about how things work under the hood, this blog is for you.

My Work Experience
Through the Years

July 2015
Rootplus
Junior Web Developer - Started my journey in this industry with ancient tech stacks (jQuery, CodeIgniter, CSS3)
August 2019
Qonvex Technology
Team Leader, Mid Level Developer - Lead the developement Capfrance (capfrance-vacances.com), a booking website for a leading French holiday network, using Laravel and Vue.js.
February 2021
Human Incubator Inc.
Mid Level Software Engineer - Lead development for NIPT (hiro-clinic.or.jp) API, an online reservation system for prenatal test in Japan, built with Laravel, Vue.js, and Nuxt.js.
July 2023
Freelance
Freelance Developer - Developed and maintained an eCommerce platform using PrestaShop.
May 2023
Blockspace Corporation
Software Engineer - Collaborated on Xode project. A cutting-edge decentralized web technology that enables fast, secure, and scalable cloud hosting
July 2024
Rak Son OPC
Team Leader Software Engineer - Develop MultipayX API made from NestJS framework and mongoDB.
January 2026
UpToDate Webdesign
Software Engineer | API Integration Specialist

Projects Collaborated
Through the Years

Capfrance Vacances
Built the project from the ground up using Laravel and Vue.js, serving as a full-stack developer throughout its development.
Capfrance
Vue2Laravel 9
NIPT Applications and API
Contributed to a multi-portal project by setting up the My Page application with Nuxt.js and developing a Laravel API migrated from CodeIgniter.
NIPT
Vue2NuxtJSLaravel 10
Allworld Communications
This project was built entirely on PrestaShop, leveraging its built-in e-commerce features. My responsibilities included developing the custom theme and implementing the front-end components.
Tailwind CSS
PrestashopSmarty
Xode
This project was developed collaboratively by a team of developers. The main website is built using WordPress, while my contribution focused on the Blockscanner page, which was developed with Next.js and integrates Polkadot APIs to retrieve and display blockchain data.
Tailwind CSS
ReactJS
Multipay X API
Developed the project’s APIs using NestJS, consisting of three distinct APIs, each with its own specific responsibilities, working collaboratively to deliver the overall system functionality.
Tailwind CSS
NestJS
Fritel Webshop
Developed a custom Vue.js storefront integrated with Shopify’s Storefront GraphQL API, enabling dynamic product, cart, and checkout functionality, and seamlessly embedded into the company’s site builder platform after build.
Tailwind CSS
Vue 3Shopify API

Skills & Capabilities

I focus on building reliable, scalable, and user-centered web applications using modern development practices. My experience spans front-end and back-end development, with an emphasis on performance, maintainability, and clean architecture. I enjoy turning complex requirements into intuitive digital experiences that are ready for real-world use.

vuevuevuevuevuevuevuevuevuevue