A frontend web developer.

Featured Projects

Selected works.

  • Pinoy LifeCraft desktop mode preview

    Pinoy LifeCraft

    Official landing page

    A static website for Pinoy LifeCraft a Minecraft server for filipino players. This website is open source on github and open to contribution.

    • HTML
    • CSS
    • JavaScript
  • To Do List desktop mode preview

    To Do List

    JavaScript (localStorage)

    A to-do list app that will help you stay organized every time you open a browser. Best pair with browser extension that changes the new tab page.

    • JavaScript
    • localStorage
    • CRUD

My Projects

Some things I've built.

  • Pinoy LifeCraft

    Official landing page

    A static website for Pinoy LifeCraft a Minecraft server for filipino players. This website is open source on github and open to contribution.

    • HTML
    • CSS
    • JavaScript
  • To Do List

    JavaScript (localStorage)

    A to-do list app that will help you stay organized every time you open a browser. Best pair with browser extension that changes the new tab page.

    • JavaScript
    • localStorage
    • CRUD
  • Wi-Fi Connect

    Custom Portal Web Page

    Open source my Omada custom portal web page for firmware controller below v4.4.3. I also made a custom design voucher generator for it.

    • JavaScript
    • Omada
    • Omada Portal
    • Windows UI
    • Custom Template
  • Crudhub

    CRUD Application

    The 4 basic server-side functions: create, read, update, and delete. Our very first project performance during our intern days.

    • PHP
    • MySQL
    • CRUD
    • JavaScript
  • Biography

    Biography (John Napoles)

    This project is a school performance project for subject WEB 241. Its main purpose is to improve my web development skill.

    • PHP
    • MySQL
    • CSS
    • Arrays
  • 7-Eleven

    School Web Project

    This project is a school performance project for subject Software Development 244 and WEB 241. Its main purpose is to improve my web development skill.

    • PHP
    • MySQL
    • Authentication System
    • Form Validations

You can explore more projects on my github respositories.

Experiences

The past adventures of mine.

  • Proweaver, Inc.

    Frontend web developer

    I maintain and improve websites, convert design layouts to responsive web pages, and fix any website issues or bugs. We used technologies such as HTML, CSS, JavaScript, PHP, and WordPress.

  • Wellmade Motors & Development Corporation

    Frontend web developer (Intern)

    I've provided technical support and maintain IT resources as an intern for 12 months. On my last few months I was given a chance to be part of their development team, I created UI and layout for their quotation system and posible printable data.

  • Pinoy LifeCraft

    Web builder

    I built a static landing website for Pinoy LifeCraft (Minecraft server) with Zyro a drag-and-drop website builder last 2017. The website was hosted on Hostinger.ph, with Namecheap as the DNS provider.

About Me

Introduction and summary

Hello, they call me MinecraftJohn and I make amazing things for the web, from design to development.

I started my web development journey in 2017, when I created a website for my game server using a website builder. However, I was not satisfied with the limited customization options. Therefore, I decided to learn HTML and CSS, which are markup languages that allow me to create beautiful and responsive websites. Since then, I have never stopped improving my web development skills. In addition, I have learned JavaScript, React, and TailwindCSS, which are powerful technologies for creating interactive and user-friendly web applications. You can check out some of the websites I have created on my GitHub profile.

If you have any questions or feedback for me, please don’t hesitate to reach out. I would love to hear from you. 😊

Me taking a picture IC3
My graduation picture

Contact

Let's work together