Marco Haber - Portfolio

Full Stack Developer

Developer passionate about crafting beautiful, functional web apps using React, Next.js, and TypeScript. Quick learner, listener, and team player.

Download Resume

Projects

Quill AI

An open-source, developer-focused educational blog platform (in early development). Built with Next.js 15, React 19, TypeScript, and Prisma ORM. Features clean, minimalistic design. Upcoming: AI integration, authentication, tagging system, and saved posts.

Web Application•2025

Harmony

Note Management SaaS built with Next.js and Convex. AI-Assisted, with real-time collaboration.

Web Application•2023-06

ProfitScan

Financial Analysis Tool built with Python and Streamlit.

Web Application•2023-09

Work Experience

Full Stack Developer

Panaline

June 2023 - August 2024

Developed a financial analysis tool using Python and Streamlit
Implemented data upload and expense allocation features
Designed customizable reporting for business insights

Skills

Languages

JavaScript

TypeScript

Python

HTML

CSS

SQL

Frameworks

React JS

Next JS

Node JS

Express JS

TailwindCSS

Software Skills

Git

GitHub

Figma

AWS (S3)

Blog

useRef in React 19

2025-01-14•4 min read

Learn about the useRef hook and how the new React 19 ref prop behavior simplifies the way we use refs in our components.

React Context: An Introduction

2024-10-01•6 min read

Learn how to use React Context for state management in your React applications.

Next.js App Router: A Practical Guide

2024-09-26•9 min read

Learn the basics of Next.js App Router and how to use it to structure and organize your React applications.

Photography

A collection of moments captured through my lens

Salted Sensor

Salted Sensor

Last Swim

Last Swim

Constellations

Constellations

Frame Work

Frame Work

Fragments

Fragments

Route Handler

Route Handler

Protected Route

Protected Route

Hot Reload

Hot Reload