Marcho's Portfolio

Crafting digital experiences from front-end to back-end.

Contest Submission

CariMentor

CariMentor is a submission for GarudaHacks 4.0 in the youth track and won the runner up position. It is a fullstack application using Next as its' frontend and Express as its' backend (both in TypeScript). For the database, PostgreSQL with Prisma is used. Components were either self-made in Tailwind or from Mantine. I made the frontend and the design for this work.

See live website See source code

Personal Project

kodekodean.id

This is a fullstack application targeted for new college students at ITB prepare for one of their courses, Computational Thinking. It uses Next as a fullstack framework and uses technologies like PostgreSQL, Prisma, Redis, as well as features like reading and rendering markdown files on the browser. I not only made the site, but also did the design and made all the content by myself.

See live website See source code

Freelance Work

Tabina Lingkungan

This is a freelance work to make a landing page for PT Tabina Lingkungan, an environmental audit company that is based in Jatibening, Bekasi. It is made using Next (TypeScript) and Tailwind with some components from Mantine. I worked solo on this project.

See live website See source code

Freelance Work

Cody Kit

This is a freelance work to make a landing page for CodyKit, the first coding based learning toy in Indonesia. It is made using React and vanilla CSS. Not only I made the site, but I also made the design for this project. I worked solo on this project.

See live website See source code

Personal Project

DailyWins

This is a personal project that I use daily to journal and also to showcase my fullstack abilities. This is a fullstack project made in Next (TypeScript). It uses PostgreSQL as its' backend with Prisma as its' ORM. Here, I demonstrated my deployment abilities too by setting up a reverse proxy using Caddy and running it from my VPS.

See live website See source code

Personal Project

KanaPal

KanaPal is a project I made to help me when I was learning Japanese. It's made in Next (TypeScript), and all the logic is done in the frontend. This project allows people to learn hiragana and katakana easily.

See live website See source code