About

Hi, I’m Daryl Devon Umali Bacurin 👋!

I’m a Web Developer with a strong focus on Frontend Development. I specialize in building performant, scalable, and visually engaging web apps using Next.js, React, TypeScript, and modern styling tools like Tailwind CSS.

I began my coding journey at LCCD, discovering HTML and CSS before financial challenges led me to leave college. Undeterred, I enrolled at KODEGO, where I graduated as the best coder in my section. My internship as a Web Developer at EDUK.AI Services Corporation provided invaluable real-world experience.

Today, my tech stack includes PostgreSQL (Neon), SQL, Zustand, and other modern tools that help me build full-featured, data-driven applications. I thrive on turning complex ideas into simple, elegant UIs while continuously leveling up my skills.

Experience

MathayogDec 2023 - Feb 2024

EDUK.AI SOFTWARE CORPORATION

During my internship, I focused on data entry, organizing details in Excel for later transformation into CSV files using Python. In the final 10 days, I worked part-time, assisting with MySQL, Python, and quality assurance while continuing data entry

  • Python
  • AWS
  • Excel
  • MySQL

Projects

Project Image
Frontend MentorGithub Logo

IP Address Tracker

I completed the IP Address Tracker challenge, creating a responsive app that displays users' IP information and location on an interactive map using IPify and LeafletJS.

  • React
  • API
  • Typescript
  • NodeJS
  • Express
  • Vite
  • Scss
  • CSS
  • Javascript
Project Image
Frontend MentorGithub Logo

REST Countries API

Built a responsive app using the REST Countries API to display country data with search, filtering, detailed pages, border navigation, and a light/dark mode toggle.

  • React
  • API
  • Typescript
  • Vite
  • Scss
  • CSS
  • Javascript
Project Image
Frontend MentorGithub Logo

Advice Generator App

Created a responsive advice generator app using the Advice Slip API, featuring dynamic advice generation, hover states, and an optimal layout for all screen sizes.

  • React
  • API
  • Typescript
  • Vite
  • Scss
  • CSS
  • Javascript
Project Image
Frontend MentorGithub Logo

Loopstudios Landing Page

Built a responsive landing page using React, TypeScript, Vite, and Sass, featuring hover states, a mobile navigation toggle, and an optimal layout for all screen sizes.

  • React
  • Typescript
  • Vite
  • Scss
  • CSS
  • Javascript
Project Image
Frontend MentorGithub Logo

URL Shortening API Landing Page

Developed a responsive URL shortener app using the Clean URI API with React, TypeScript, Vite, and Sass. Features include URL shortening, link history, copy functionality, and error handling.

  • React
  • Typescript
  • Vite
  • Scss
  • CSS
  • Javascript
  • API
Project Image
Frontend MentorGithub Logo

Intro Component With Sign-up Form

Created a responsive landing page using React, Vite, and Sass, featuring hover states, form validation with error handling, and an optimal layout for all screen sizes.

  • React
  • Vite
  • Scss
  • CSS
  • Javascript