Home - MarkCarlo

Work History

My professional journey and experience building great products

Demo Projects

A collection of demo projects built with Next.js showcasing a range of web development concepts, from simple UI components to more complex full-stack applications.

FeedbackIQ

FeedbackIQ is a comprehensive survey platform designed specifically for businesses to create, distribute, and analyze customer feedback with AI-powered insights.

Next.jsTypeScriptPostgreSQLSupabaseTailwindCSSShadcn UIMagic UI

Live Demo Watch Demo View Code

Opoos

Opoos is a comprehensive internal tool designed specifically for sales teams and project managers to streamline the proposal and quotation workflow for website development projects.

Next.jsTypeScriptSupabaseTailwindCSSShadcn UIMagic UIOpenAIn8n

Live Demo Watch Demo View Code

Svelte Demo Projects

Hands-on Svelte and SvelteKit projects demonstrating core concepts, from basic components to advanced real-time applications.

Todo App

A simple todo application with add, edit, delete, and filter functionality. Perfect for learning Svelte state management.

SvelteKitTypeScriptTailwind CSS

Live Demo View Code

Weather Dashboard

Real-time weather information with location search and forecasts. Shows Svelte reactivity in action.

SvelteKitTypeScriptOpenWeather APITailwind CSS

Live Demo View Code

Chat

Real-time chat application with rooms and message history. Demonstrates WebSocket integration.

SvelteKitTypeScriptTailwind CSS

Live Demo View Code

Voting

Interactive voting system with real-time updates. Shows advanced SvelteKit patterns.

SvelteKitWebSocketsTypeScriptTailwind CSS

Live Demo View Code

Blog

Simple blog application with markdown support and post management. Clean Svelte implementation.

SvelteKitTypeScriptTailwind CSS

Live Demo View Code

Portfolio

Simple portfolio landing page showing my projects and work history. Clean Svelte implementation.

SvelteKitTypeScriptTailwind CSS

Live Demo View Code

DoodleMation

Transform static images into dynamic animated videos using AI-powered generation.

SvelteKitTypeScriptTailwind CSSOpenAIHailou APISupabaseVercel

Live Demo View Code

SenpAI

Connect with expert AI mentors for personalized 1:1 sessions, project guidance, and accelerated career growth

SvelteKitTypeScriptTailwind CSSSupabaseVercel

Live Demo View Code