My Projects

What I’ve built — automation that runs unattended, apps backed by real databases, payments and auth, and the smaller pieces I learned on. Most of them are live below, with sign-in details where you need them.

Featured Projects

Automation

Gmail Email Tracker

n8n · Gmail API · Google Sheets API · OAuth 2.0 · Docker

A self-hosted n8n workflow that watches a Gmail inbox and records every incoming message as a structured row in Google Sheets — sender, subject, preview, message ID — with no manual copying. It runs unattended on a one-minute poll, in Docker behind an nginx reverse proxy on EC2. The case study has a live demo you can run yourself: fill in a form and a real webhook workflow writes your row to a public sheet within a second.

Visit Gmail Email Tracker →

The Recruitment Pipeline Airtable base, showing the Clients, Job Openings, Candidates, Applications and Placements tables

The Recruitment Pipeline n8n workflow open in the editor, showing all 13 nodes from the trigger through the Airtable upserts

Airtable base & n8n workflow

Recruitment Pipeline with Airtable and n8n

Airtable · n8n · Remotive API · REST

A staffing-agency data model in Airtable — Clients, Job Openings, Candidates, Applications and Placements linked by relational fields, with rollups and lookups surfacing things like open positions per client. An n8n workflow keeps Job Openings fed with live listings from the Remotive API: a single keyword node drives both the API call and a client-side filter (the public API quietly ignores its own search parameter, so filtering happens locally), HTML descriptions are cleaned into readable text, and every write is an upsert — re-running the import never creates duplicates. A validation gate and retry logic keep a bad API response from ever reaching the data.

Designed around a real relational-database exercise — modeling a many-to-many (Applications as the junction between Candidates and Job Openings), a 1:1 constraint Airtable can only hold by convention, and what the same schema would look like enforced in Postgres instead.

Visit Recruitment Pipeline with Airtable and n8n →

Monday.com Clone

MERN · Socket.IO · JWT · Nodemailer

The most ambitious of the early set: a CRM board with boards, groups and items, JWT auth, and invite emails — the only project here backed by its own server and database rather than static files.

Runs on its own subdomain, backed by an Express API and MongoDB on the same box. Google sign-in is gone and attachments now upload to the server instead of Drive, so boards, groups, tasks, updates, file attachments, statuses and dates are all live and saved.

Email: demo@ingridtorres.dev
Password: DemoPass123!
Account name: demo-user-0

Visit Monday.com Clone →

Spotify Clone

Vanilla JavaScript · Spotify Web API · Tailwind

A playable-looking Spotify front end: OAuth sign-in, your playlists and top artists, and a player bar that samples the album art to tint itself.

Opens in demo mode on sample data, so anyone can browse and use the player — Spotify now restricts real sign-in to a handful of pre-approved accounts. Since it also retired the 30-second preview clips, playback uses a placeholder tone rather than music.

Visit Spotify Clone →Source

Storefront & checkout

Products Today

Next.js · PostgreSQL · PayMongo

A working storefront for the community shop: five product categories with live stock counts, a cart, and checkout through GCash, Maya or card via PayMongo — plus bank transfer with receipt upload and cash on delivery. Behind a login, the admin side adds and edits products, deletes in bulk, and can hide a single category or the whole store when stock runs out.

Email: test1@engribet.com
Password: test
Email: admin@gmail.com
Password: test

Visit Products Today →

Live signals & charts

ForexBot

Next.js · MetaTrader 5 · Live market data

An automated forex trading platform emphasizing reliable execution, built-in risk management, performance tracking, and clean, understandable interfaces. This project taught me a ton about real-world architecture, state management, and user trust in financial tools.

Visit ForexBot →

Previous Projects

Where I started. These are from my first portfolio — most of them are running right here, rebuilt from source so they don’t depend on hosting I no longer pay for.

Weather App

2022

Vanilla JavaScript · OpenWeather API

City search with autocomplete, current conditions, an hourly strip and a five-day outlook — assembled from three separate OpenWeather endpoints.

Choose Allow when your browser asks to share your location, and it will open on your own weather. If you would rather not, or you have blocked it before, just search for any city — it falls back to Dumaguete meanwhile.

Open app →Source

E-Commerce App

2022

React · Material UI · Firebase · Redux Toolkit

Storefront with a product catalogue, cart, Firebase email/password accounts and a protected checkout, with cart state held in Redux Toolkit.

Email: jihofih202@cnogs.com
Password: test1234

Open app →Source

Currency Converter

2022

Vanilla JavaScript · REST API

Converts between 170-odd currencies against live exchange rates, with the currency list itself pulled from the API rather than hard-coded.

Open app →Source

Pacman

2022

Vanilla JavaScript · Canvas

Pac-Man from scratch — maze collision, four ghosts on their own chase behaviour, pellets, fruit and sound, with no game library underneath.

Open app →Source

To-Do App

2022

React · Meteor · MongoDB

Task tracker with accounts, per-user lists and filtering, built on Meteor so edits sync live between open tabs without any polling code.

Runs entirely in the browser, so tasks reset on refresh. A later Meteor version added accounts and live sync between tabs, but that one needs a server and a database rather than static files.

Open app →

Contacts App

2022

React · Emotion · React Router

Master–detail contact list where React Router data loaders fetch each record, styled with Emotion instead of a component library.

Open app →Source

Other Work

Custom Odoo Modules

Tailored solutions for payroll, attendance tracking, document workflows, and industry-specific automation — making ERP systems more intuitive and efficient.

Internal Dashboards & Tools

React + TypeScript admin panels, data visualizations, and utility tools designed for clarity, speed, and ease of use in team environments.