Portfolio

Hi, I'm Michael

Aspiring Software Engineer & Frontend Developer

Specializing in React.js and Next.js, building responsive and accessible web applications. Skilled at translating Figma designs into clean, maintainable code.

Profile

About Me

Passionate about creating digital experiences that make a difference

Aspiring Software Engineer

Currently interning at Sorsogon Community Innovation Labs, Inc. as a Frontend Software Engineer. I specialize in React.js and Next.js, with a strong focus on building responsive and accessible web applications. My journey has taken me from backend logic to becoming a resilient Frontend Developer through rigorous training and hands-on experience.

Role: Frontend Software Engineer Intern

"Transforming Figma designs into high-performance interfaces with clean, maintainable code."

Clean Code

Writing maintainable and scalable code following best practices and modern standards.

UI/UX Focus

Creating intuitive and beautiful interfaces that users love to interact with.

Performance

Building fast and optimized applications that deliver exceptional user experiences.

Featured Projects

A collection of my recent work and contributions

SCIL Portal Frontend Development screenshot 1

SCIL Portal Frontend Development

Developed frontend modules for an internal portal using Next.js, TypeScript, and Material UI. Translated Figma designs into responsive and reusable UI components. Integrated frontend features with REST APIs using TanStack Query (React Query).

Next.jsTypeScriptMaterial UITanStack Query
Face Recognition Attendance System screenshot 1

Face Recognition Attendance System

Developed a facial recognition attendance system using NextJS, NestJS, and Python. Automated attendance tracking to minimize manual input and improve record accuracy. Implemented user enrollment and face matching for reliable identity verification.

NextJSNestJSMySQLComputer VisionPython
Medisync Appointment System screenshot 1

Medisync Appointment System

Built a medical appointment web application using HTML, CSS, Bootstrap, PHP, and MySQL. Enabled patients to book, view, and manage appointments online. Implemented basic CRUD operations for appointment and patient records.

PHPMySQLBootstrapHTML/CSS
QR Code Attendance System screenshot 1

QR Code Attendance System

Implemented a QR code-based attendance system using PHP, JavaScript, and Bootstrap 5. Generated and scanned QR codes to streamline attendance logging. Reduced manual attendance processes and improved data consistency.

PHPJavaScriptBootstrap 5MySQL

Tech Stack & Skills

Technologies and tools I work with to bring ideas to life

Frontend Development
React.jsNext.jsTypeScriptJavaScriptHTML/CSS
Styling & UI
Tailwind CSSMaterial UIBootstrapResponsive Design
Backend & Database
Node.jsPythonPHPMySQLREST APIs
Tools & Workflow
GitGitHubLinuxFigma to CodeTanStack Query

Resilient Engineering

A workflow built on the "fail, debug, iterate, and then quality" methodology

My Resume

A summary of my experience, skills, and achievements

Full Stack Software Engineer Intern

Sorsogon Community Innovation Labs, Inc.

October 2025 - Present

BS Information Technology

Computer Communication Development Institute

Expected Graduation: 2026

Specialization

React.js, Next.js & TypeScript

Frontend Focus

MICHAEL ANGELO O. GUARIN

Aspiring Software Engineer · React.js & Next.js Specialist

mklgrn2328@outlook.com github.com/mikieee25 linkedin.com/in/mklgrn Juban, Sorsogon, Philippines

Education

BS Information Technology

Computer Communication Development Institute

Expected Graduation: 2026

Technical Skills

Frontend

React.jsNext.jsTypeScriptJavaScriptHTML / CSS

Styling & UI

Tailwind CSSMaterial UIBootstrap

Backend & DB

Node.jsPythonPHPMySQLREST APIs

Tools

GitGitHubLinuxFigma to CodeTanStack Query

Strengths

  • Responsive & Accessible UI
  • Figma-to-Code Translation
  • REST API Integration
  • Component-Based Architecture
  • Agile / Collaborative Workflow

Objective

Aspiring Software Engineer with hands-on experience in building modern web applications using React.js and Next.js. Passionate about translating Figma designs into clean, accessible, and performant interfaces. Currently contributing as a Frontend Software Engineer Intern at SCIL, and seeking opportunities to grow as a frontend specialist.

Experience

Full Stack Software Engineer Intern

Oct 2025 – Present

Sorsogon Community Innovation Labs, Inc. (SCIL)

  • Developed frontend modules for the SCIL Portal using Next.js, TypeScript, and Material UI.
  • Translated Figma designs into responsive, reusable, and accessible UI components.
  • Integrated frontend features with REST APIs using TanStack Query (React Query).
  • Collaborated with the backend team to align API contracts and deliver consistent user flows.

Projects

SCIL Portal Frontend Development

Next.js · TypeScript · Material UI · TanStack Query

  • Built responsive internal portal modules from Figma wireframes.
  • Managed server state and API integration with TanStack Query.

Face Recognition Attendance System

Next.js · NestJS · Python · MySQL

  • Automated attendance tracking using facial recognition and Python CV.
  • Implemented user enrollment and real-time face matching.

Medisync Appointment System

PHP · MySQL · Bootstrap · HTML/CSS

  • Enabled patients to book, view, and manage appointments online.
  • Implemented full CRUD for appointment and patient records.

QR Code Attendance System

PHP · JavaScript · Bootstrap 5 · MySQL

  • Generated and scanned QR codes to streamline attendance logging.
  • Reduced manual processes and improved data consistency.

Download My Resume

Get a detailed overview of my professional experience, technical skills, education, and project accomplishments. Available in PDF format.

Aspiring Software Engineer specializing in React.js and Next.js
Building responsive and accessible web applications
Skilled at translating Figma designs into clean code
Download Resume (PDF)

Last updated: March 2026

Looking for Collaboration?

I'm always interested in hearing about new projects and opportunities

Contact Me

Get In Touch

Have a project in mind? Let's work together to create something amazing

Let's Connect

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your vision.

© 2026 Michael Angelo O. Guarin. Built with React & Tailwind CSS