Marc Erman Martinez

I build awesome stuff using Javascript

Web Development

HTML

CSS

Zod

React Hook Form

Javascript

Typescript

Python

React.js

Next.js

Tanstack Query

Express

REST API

Node.js

Socket.io

Flask

Jotai

Search Engine Optimization

Google Auth

Google Search Console

Google Recapcha

Django

Json Web Token

Mobile Development

React Native

Expo

Jotai

Tools

VS Code

Figma

Docker

Insomnia

Tailwind CSS

Shadcn

Postman

Swagger

NPM

Version Control

Git

Github

Database

MongoDB

PosgreSQL

Cloud Service

Render

Netlify

Vercel

Supabase

Hostinger

GoDaddy

Projects

Incanta - Website

December 2024

• Has scroll animation effect
• Has Dynamic Event Calendar Based on Admin input
• Has Dynamic Event Calendar Form to Insert and Delete new Event
• Has realtime date picker that auto-greys out if exceeding maximum capacity
• Has realtime time picker that auto-greys out if exceeding maximum capacity
• Has disable/enable date picker to manage disabled or enabled dates
• Has reCAPTCHA authentication for security
• (Admin) Has accept/decline for reservations that auto-send email notifications
• (Admin) Has auto-sorted calendar for quick scanning of total reservations
• (Admin) Has List and Container Mode UI
• (Admin) Has edit seat modification feature to adjust seat capacity
• (Admin) Has Confirmation/Decline/Accept/Inquiry/Mark as Done/Cancel Custom Emailer
• (Admin) Has sorting and filtering by name, email, reservation type, contact number, and date.

Used Technology

Next.js

Tanstack Query

Tailwind CSS

Jotai

NPM

Render

Supabase

Express

Google reCapcha

Google Search Console

Search Engine Optimization

Nodemailer

Json Web Token

Zod

React Hook Form

Git

Github

Postman

VS Code

GoDaddy

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta1.PNG?t=2025-01-21T13%3A50%3A56.242Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta2.PNG?t=2025-01-21T13%3A51%3A14.439Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta3.PNG?t=2025-01-21T13%3A52%3A06.232Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta4.PNG?t=2025-01-21T13%3A52%3A10.745Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta5.PNG?t=2025-01-21T13%3A52%3A15.550Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta6.PNG?t=2025-01-21T13%3A52%3A19.774Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta7.PNG?t=2025-01-21T13%3A52%3A25.677Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta8.PNG?t=2025-01-21T13%3A52%3A30.243Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta9.PNGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta10.PNG?t=2025-01-21T13%3A52%3A41.678Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta11.PNG?t=2025-01-21T14%3A16%3A34.492Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta17.PNG?t=2025-01-21T14%3A29%3A39.364Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta12.PNGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta13.PNG?t=2025-01-21T14%3A16%3A47.433Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta14.PNG?t=2025-01-21T14%3A17%3A23.120Zhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/incanta16.PNG

Resumeyker - Website

November 2024

• An auto-format resume builder is a digital tool designed to streamline the process of creating a polished, professional resume.
• It eliminates the hassle of manual formatting and ensures the final product adheres to industry standards, making it suitable for both beginners and professionals.

Used Technology

React

Tailwind CSS

React-Pdf

Jotai

NPM

Render

Git

Github

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/resu.PNGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/resu2.PNG

MarcGpt - Website & App

November 2024

• This is an AI-powered chat prompt inspired by ChatGPT.
• I have integrated a conversational interface that connects seamlessly to the OpenAI API.
• This prompt enables real-time, intelligent, and dynamic interactions, allowing users to input queries or commands and receive insightful and contextually relevant responses.
• It's designed to replicate the functionality and experience of ChatGPT, providing support for various applications such as brainstorming, content creation, coding assistance, and more.
• The system is implemented to ensure responsiveness and adaptiveness, enhancing user engagement and productivity.

Used Technology

React

Supabase

REST API

Tailwind CSS

Jotai

NPM

Render

Git

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/ai%201.JPGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/ai%202.JPGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/ai%203.JPGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/ai%204.JPGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/ai%205.JPGhttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/ai%206.JPG

Apartment Manangement System - Website & App

September 2024

• This system consists of both an application and a website.
• The website features a landing page to showcase the apartments and includes an admin section.
• The main features of this system include creating tenant records, uploading contracts, and managing tenant information.
• It also allows for dynamic room assignments to track occupancy and includes a billing feature that automatically calculates water and electricity usage for easy record-keeping.
• Tenants can see their current monthly bills.
• On the application side, there is a dashboard that displays the current bills for water, electricity, and rent.
• Users can request repairs, which are sent to the admin side for approval or denial.
• Additionally, there's a payment feature that allows users to upload receipts as proof of transaction.
• Has auto generated receipt that can send faster
to user in mobile app • Finally, notifications appear for all requests, such as payments and repair requests.

Used Technology

React

React Native

Expo

Figma

Supabase

REST API

Tailwind CSS

Jotai

NPM

Render

Git

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/1.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/2.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/3.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/4.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/5.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/6.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/7.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/8.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/9.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/10.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/11.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/12.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/13.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/14.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/15.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/16.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/17.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/18.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/19.jpg

DOST Refund Monitoring System - Website

September 2024

• This is a refund monitoring tracker for customers who borrowed money from DOST.
• It will serve as a balance recording dashboard for users, allowing them to track their existing balance.
• On the admin side, the key features include analytics, which enables the admin to analyze who has paid and the percentage of paid users.
• It also has a notification feature to alert users when their due date is approaching.
• Additionally, there is a chat system for easy communication and records of customer monthly payments.
• Lastly, the system includes the ability to create customer profiles.
• The system is mobile responsive.

Used Technology

React

Figma

Supabase

REST API

Tailwind CSS

Jotai

NPM

Render

Git

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost1.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost2.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost3.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost4.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost5.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost6.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/dost7.png

Sagip - App

August 2024

• This is a real-time location tracker rescue app that identifies the exact location of users for rescuers.
• The app features a barangay group chat system that allows users to communicate with fellow kabarangays.
• It also includes geolocation detection and a notification feature that alerts users when a rescuer accepts their request.
• On the admin side, the app allows rescuers to accept or decline user requests and redirect to accepted users.

Used Technology

React Native

Supabase

REST API

Expo

Socket.io

NPM

Render

Git

Express

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip1.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip2.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip3.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip4.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip5.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip6.jpghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/sagip7.jpg

Cookingina - Website

August 2024

• This is a recipe web app where users can post, comment, like, and collaborate with others.
• Users can post a recipe online.
• It has a liked feature and a comment feature.
• All users have login and register functionality.
• Includes a recipe planner using a dynamic calendar.
• Users can save private available stock in their house.
• Has a grocery list feature.
• Includes a profile updater.

Used Technology

React

Supabase

TypeScript

REST API

Node.js

Tailwind CSS

NPM

Styled Components

Google Authentication

Render

Express

Git

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/cook1.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/cook2.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/cook3.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/cook4.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/cook5.png

Renta - Website

July 2024

• This is an Airbnb clone that allows users to view rental houses.
• It has an admin panel to accept or decline listings.
• Features a real-time chat system for one-on-one messaging using Socket.IO.
• Includes reservation functionality and user login/register features.
• Users can save their trips in a wishlist and view a dashboard.
• The app is mobile responsive, ensuring usability on all devices.
• There is a comment and feedback system for users.
• Has a dynamic map for location viewing.
• Includes a verification process for landlords.
• Only verified users can post houses for rent.

Used Technology

React

Supabase

TypeScript

REST API

Node.js

Tailwind CSS

NPM

Shadcn

Google Authentication

Render

Express

Git

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent1.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent2.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent3.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent4.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent5.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent6.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent7.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/rent8.png

Kanba - Website

July 2024

• This is a Canva clone with a canvas-like tool for design.
• The main features include the ability to draw, add shapes and text, and incorporate images.
• It has drag and drop shape functionality.
• Drag and drop text functionality.
• Users can upload and drag and drop images.
• It has user login and registration features.
• Users can download designs as PNG.

Used Technology

React

Express

TypeScript

REST API

Node.js

Tailwind CSS

MongoDB

NPM

Konva

Google Authentication

Render

Git

Github

Postman

VS Code

User Interface

https://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/canva1.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/canva2.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/canva3.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/canva4.pnghttps://ldjzwvtgdlrunhzvqvib.supabase.co/storage/v1/object/public/images/canva5.png

Scoop Studio - Website

July 2024

A photography website with a reservation system and user login, including an admin side for managing clients.

Used Technology

React

Express

REST API

Node.js

Tailwind CSS

MongoDB

NPM

Render

Task Manger - Website

July 2024

A task manager inspired by Trello to help manage tasks efficiently.

Used Technology

React

Express

REST API

Node.js

Tailwind CSS

MongoDB

NPM

Render

Math Bank - Website

March 2024

A mock E-wallet built for students to view and manage their balance.

Used Technology

React

Express

REST API

Node.js

Tailwind CSS

MongoDB

NPM

Render

Cyberfitness - Website

March 2024

A free fitness app using the ExerciseDB API, featuring program selection and a program tracker.

Used Technology

React

Express

REST API

Node.js

Tailwind CSS

MongoDB

NPM

Render

ChatKa - App

January 2024

A real-time chat app using Socket.io for real-time communication, built with React Native and deployed using Expo.

Used Technology

React Native

Express

REST API

Node.js

Expo

Socket.io

MongoDB

NPM

Render

WCC Bank - App

December 2023

A mock online banking app for students, specifically built for the Math Organization's mobile version of the WCC Bank website.

Used Technology

React Native

Express

REST API

Node.js

Expo

MongoDB

NPM

Render

Tasko - App

December 2023

A personal to-do list app featuring a quote generator.

Used Technology

React Native

Express

REST API

Node.js

Expo

Socket.io

MongoDB

Built with React.js and Tailwind CSS, deployed on Render.

© 2024 Marc Erman Martinez. All rights reserved.