Hello, my name is Christian.

About

Javascript

Javascript

HTML

HTML

C++

C++

CSS

CSS

Tailwind CSS

Tailwind CSS

VueJS

VueJS

Node.js

Node.js

Next.js

Next.js

React

React

Flutter

Flutter

Astro.js

Astro.js

Git

Git

Figma

Figma

Google Firebase

Google Firebase

Supabase

Supabase

Mongodb

Mongodb

I am a full-stack developer who likes to code and turn ideas into reality. I love looking at a client's proposed design or presenting some of my own and then collaborate on how we can develop those ideas further.

Experience

Yoshii Software Solutions Philippines, Inc. [Internship]

Full Stack Developer

|

February 2025

-

April 2025

  • Developed a new product page for the company's IT products using Astro.js and React framework.

  • Developed a functional map component that shows the company's product outlets and presents each outlet's contact information and pins their location onto the map.

  • Planned technical approaches and actively coded and reviewed code.

Gym Training Application

Freelance Full Stack Developer

|

May 2025

-

June 2025

  • Developed the UI/UX of a Gym Training Application using Flutter for clients to connect with gym trainers for a training session.

  • Developed the backend to connect with Google Firebase for database management.

Projects

Video Game Inventory/Ascension Planner

A web application that serves as an information system for characters and weapons of a video game and also has an inventory/ascension planner.

Technologies Used:

Astro.js, React.js, Tailwind CSS, Shadcn.ui, Supabase

Highlights:

    • Developed an Ascension Planner System which allows users to create tasks which calculates the amount of items required to ascend a character to the target level.
    • Designed a priority-based material queue that ensures newer tasks reflect accurate availability after older ones are fulfilled.

    Wuthering Waves Data Bank

    An updated version of the Video Game Inventory/Ascension Planner using VueJS and Supabase.

    Technologies Used:

    Vue.js, CSS, Shadcn.vue, Supabase

    Highlights:

      • This is an ongoing project I made to explore and hone my skills in VueJS, in using Supabase's REST APIs, and in designing components.

      DefectVision: An AI-Assisted Defect Detection System for Computer Motherboards

      DefectVision is a full-stack web application designed to interface with Raspberry Pi devices for real-time motherboard defect detection. It stores scan results, manages device communication, and leverages AI-powered image analysis.

      Technologies Used:

      Next.js, Node.js, MongoDB, Shadcn.ui, Ngrok, Roboflow

      Highlights:

        • Established secure communication between the web app and Raspberry Pi using Ngrok tunnels and REST APIs to trigger device-side scanning commands.
        • Integrated Roboflow's computer vision API to analyze motherboard images and detect defects with high accuracy.
        • Designed a responsive UI using Shadcn.ui to display scan results and defect classifications in a user-friendly dashboard.
        • Implemented backend logic with Node.js and MongoDB to store, retrieve, and manage scan data efficiently.
        • Integrated an "Insight" feature which runs the image on OpenAI for an AI-generated analysis and defect detection report.

        Contact

        ocon.christiane@gmail.com
        itsjustxtian