M S B P

Loading Portfolio...

Hi, I'm Marc Parubrub — Frontend Developer

I create beautiful, functional websites with a focus on clean UI and efficient code.

About Me

Learn more about my journey, skills, and what drives me as a developer

My Journey in Tech

My journey into tech began in highschool, sparked by a passion for web development and design. I was immediately drawn to the challenge of creating intuitive and engaging user experiences from scratch.

I believe that clean code and great design are two sides of the same coin. My focus is on building efficient, responsive, and visually appealing interfaces that provide a seamless experience for every user.

When I'm not coding, I'm usually exploring new technologies, checking other websites' approaches, or recharging with outdoor activities.

What I Do

I specialize in building responsive, high-performance websites and applications. My core expertise lies in modern frontend technologies, including React, Vue.js, and the fundamentals of HTML, CSS, and JavaScript.

My development process is a blend of technical precision and user-centric design. I work to ensure every project is not only functional and robust but also intuitive and visually compelling.

I thrive on new challenges and am constantly learning to stay at the forefront of web technologies. I'm always ready to adapt and grow to meet the demands of any project.

Goal in the Future

My primary goal is to deliver outstanding web solutions that perfectly align with client needs. I'm focused on building sites with the best possible functionality, ensuring every feature serves a clear purpose and exceeds expectations.

I am committed to giving my absolute best to every project, treating each one as an opportunity to create something valuable, user-friendly, and reliable.

Plan for my career

My plan is to grow into a dual-specialist role. First, I am expanding my skills to become a proficient full-stack developer, mastering both client-side and server-side technologies.

Second, I am developing the leadership and organizational skills required to become an effective project manager. I aim to not only build robust applications but also to lead teams and manage projects from concept to successful launch.

Current

Bataan Peninsula State University
2022 - Present

Bachelor of Science in Information Technology major in Network and Web Application

Frontend Developer & Project Manager working on various projects

🏆 Key Achievements
  • Led capstone project (SmartFit AR) to successful completion
  • Won 2nd Runner Up in RAITE 2025 Hackathon
  • Managed multiple team projects with 100% on-time delivery
💻 Notable Projects
  • SmartFit AR - AR footwear e-commerce platform
  • Galactic Conquest - Web3 idle mining game
  • CodeFlow - Developer productivity dashboard

Senior High School

Tomas Del Rosario College
2020 - 2022

Strand: Science, Technology, Engineering, and Mathematics (STEM)

Enhancing my skills in web development and design and making projects that boost my knowledge.

📚 Key Learnings
  • Advanced mathematics and scientific principles
  • First exposure to programming concepts
  • Built foundational understanding of technology
🎯 Skills Developed
  • Problem-solving and analytical thinking
  • Research and documentation skills
  • Basic web development with HTML/CSS

Junior High School

Tomas Del Rosario College
2016 - 2020

Started learning web development basics, created my first website, and also exploring cryptocurrency.

🚀 First Steps
  • Created my first personal website from scratch
  • Discovered passion for web development
  • Began exploring cryptocurrency and blockchain
💡 Early Projects
  • Simple HTML/CSS personal pages
  • School project websites
  • Experimented with different design styles

Elementary School

St. Joseph Child Development Center
2009 - 2016

First exposure to computers playing games and exploring websites

🎮 The Beginning
  • First time using a computer
  • Developed fascination with how websites work
  • Played educational games that sparked interest in technology

My Projects

Here are some of the projects I've worked on recently

My Portfolio Project

My Portfolio

Fully responsive personal portfolio built from scratch with a focus on performance and animations. Features smooth scroll behaviors, dark/light theme toggle with localStorage persistence, Intersection Observer animations with staggered effects, and optimized responsive design for all devices. Includes EmailJS integration for contact form functionality and parallax scrolling effects for enhanced visual depth.

HTML5 CSS3 JavaScript EmailJS Font Awesome Vercel
CodeFlow Project

CodeFlow

Developer-focused productivity dashboard combining hackathon management, team collaboration, and task tracking. Built with React.js + Tailwind CSS frontend, Firebase (Auth, Firestore, Storage) backend, and Context API for state management. Features Google Calendar API integration, AI-powered note organization, Pomodoro timer for productivity tracking, real-time team collaboration, and file management with export capabilities. Includes notification system , activity feed, and dark/light theme support.

React.js Tailwind CSS Firebase AI assistant Google Calendar API Vercel
Diwata Yoga Project

Diwata Yoga

Yoga-centered website providing pose libraries, video guides, and mindfulness resources. Features integrated location by programmers using Google Maps API, embedded video tutorials, and responsive design optimized for all devices.

HTML5 CSS3 XML Google Maps API Youtube Embeds Vercel Font Awesome
Terracore Automation Project

Terracore Automation

Solo developed automation using JavaScript, Hive API, and Node.js with encryption security. Deployed to cloud infrastructure using Render, utilizing UptimeRobot for keep-alive pings to ensure continuous 24/7 operation without downtime. Protected 100+ accounts while achieving a 99% success rate in automated claiming, upgrading, and attacking. Monetized solution by addressing critical player pain points in account management.

JavaScript Node.js Hive API Encryption CLI System Game Automation Render UpTimeRobot Socket.io
Crownrend Automation Project

Crownrend Automation

Solo developed secure automation with Puppeteer & Hive API for crypto game operations. Protected 100+ accounts via encryption and built modular CLI system. Achieved 90% success rate in automated game operations while eliminating manual account management. Monetized solution by solving player pain points and generating consistent revenue.

JavaScript Node.js Puppeteer Hive API Encryption CLI System

Team Projects

Collaborative projects I've worked on with my talented teammates

My Portfolio Project

Capstone Project - SmartFit

My Role: Project Manager & Full-Stack Developer

Full-stack developed innovative footwear platform with AR try-on and AI chatbot for an e-commerce solution. Engineered AR visualization using DeepAR API achieving 90%+ accuracy with HTML/CSS/JavaScript and Firebase backend. Led 4-person team through 8-month cycle, delivering all 12 features on schedule for responsive design.

HTML5 CSS3 JavaScript DeepAR API Google Maps API Firebase Render EmailJS Github Chatbot Team Project Capstone
My Portfolio Project

Galactic Conquest

My Role: Project Manager, UI/UX & System Architect

Hackathon winner - 2nd Runner Up (Top 3 of 28 teams) with judge acclaim: "Are you a professional game developer?" Led 3-person team on Web3 idle mining crypto game for Base Network. Directed UI/UX and frontend implementation with PvP mechanics, mine-to-earn systems, and sustainable token economy. Architected system using Next.js 15, TypeScript, and Smart Contracts with decay mechanics and token sinks.

Ohara AI Web3 Base Network React Render Typescript

Team Members

Meet the talented people I've collaborated with on projects

Veeny Ree Mae Bautista
Veeny Ree Mae Bautista
UI/UX Designer & Frontend Developer
HTML5 CSS3 JavaScript Photoshop Figma UI/UX Canva
Leander Ochea
Leander Ochea
Backend Developer & Database Administrator
Firebase Mongo DB Node.js Express.js API Git
Armabel Ramos
Armabel Ramos
Researcher & Quality Assurance
Data Collection & Analysis Docs & Reporting Process Evaluation & Attention to Detail Testing & Quality Control

Certifications

My formal credentials and completed courses

Webinars & Participation

My certificates of attendance from workshops and webinars

My Skills

Technologies and tools I use to bring ideas to life

Frontend

HTML5
CSS3
JavaScript
React
Vue.js

Backend & Tools

Firebase
Git
CLI
REST APIs

Design

UI/UX Design
Color Theory
Responsive Design
Prototyping

Recent Events Attended

Conferences, workshops, and meetups I've participated in

Home Credit Hackathon
December 7, 2025 Competition

Home Credit x Kadakareer Hackathon

📍 Idea Submission

Participated in the hackathon challenge. While we didn't reach the Top 10 finals at BGC, I earned a Certificate of Completion and am motivated to prepare harder for the next one.

View Details
Episode 4: Sip & Scare
October 29, 2025 Webinar

Uniting Industry-Academia through Artificial Intelligence (AI4IA)

📍 Bataan Peninsula State University - Main Campus, Balanga City, Bataan, Philippines

Attended the webinar as part of my subject, where professionals discussed the advancements of Artificial Intelligence (AI) and how we can benefit from its applications.

View Details
Episode 4: Sip & Scare
October 25, 2025 Networking

Episode 4: Sip & Scale

📍 Hanan Coffee Brewers - San Jose Branch, Balanga City, Bataan, Philippines

Attended to network and bond with other professionals during the event, including some from Canva and several startup founders.

View Details
RAITE 2025
October 17, 2025 Competition

I.T. Beyond Tomorrow: Shaping the Digital Frontier

📍 Sumacab Campus, Cabanatuan City, Nueva Ecija, Philippines

We focused on using Ohara AI to produce a project that is sustainable or investable within the Base cryptocurrency network.

View Details
See More Events

Recent Blogs

Check out my latest articles and thoughts on development

Why I'm Transitioning to Full-Stack

Why I'm Transitioning to Full-Stack

Frontend is my passion, but I've realized that to build truly complete applications, I need to master the backend...

Read More
Version control is IMPORTANT

Version control is IMPORTANT

I learned about the importance of version control in managing and collaborating on projects efficiently. I wish all applications had a built-in version control system like Git to make tracking changes and teamwork much easier.

Read More
See More Posts

What People Say

Feedback from teammates, professors, and colleagues I've worked with

"Marc is an exceptional developer with a keen eye for design. His ability to transform complex requirements into clean, functional interfaces is remarkable. Working with him on our capstone project was an absolute pleasure."

Veeny Bautista

Veeny Ree Mae Bautista

UI/UX Designer & Teammate

"Marc's project management skills are outstanding. He led our team through complex challenges with clear communication and strategic planning. His technical expertise combined with leadership makes him invaluable."

Leander Ochea

Leander Ochea

Backend Developer & Teammate

"Reliable, dedicated, and always delivers quality work on time. Marc's attention to detail in both code and design sets him apart. His collaborative spirit makes every project better."

Armabel Ramos

Armabel Ramos

QA Specialist & Teammate

Get In Touch

Let's build something amazing together

Let's Talk

I'm always open to discussing new opportunities, creative ideas, or potential collaborations.

marcparubrub.dev@gmail.com
+63 969 173 1931
Bataan, Philippines