ai projects

A collection of recently developed projects, tools, and web experiments built with AI assistance and modern web technologies.

AI Coding Guide

A bilingual, beginner-focused guide to agentic CLI coding tools (Claude Code and Codex) built as a single static page. It covers install steps, a first-project workflow, publishing to GitHub and Vercel, and a showcase of projects built with these tools, with no framework or build step.

Visit live

BTC Calculator

A dependency-light Bitcoin calculator that converts between BTC, SATS, and multiple fiat currencies with Binance market data. It is built with plain HTML, CSS, and modular JavaScript, including an inline keypad, bilingual UI, dark mode, and mobile-specific interaction handling.

Visit live

Capital Gains Calculator

A lightweight browser-based calculator made specifically for Brazilian taxpayers, for simulating tax on capital gains, IOF, gross and net profit on US stock buy/sell operations using PTAX exchange rates. It is built as a plain static web app with HTML, CSS, and vanilla JavaScript.

Visit live

Card Tracker

A small full-stack finance dashboard built with Next.js. It reads credit card statements from CSV files, classifies merchants into categories, exposes server-side API routes, and renders charts and tables in a React client.

Visit live

Dots Animation Tool

A Vite + React + TypeScript tool for live visual animation studies and SVG export, featuring a parameter-driven animation system for exploring and saving generative motion variations.

Visit live

Glossary Builder

An AI-powered glossary generator built as a React single-page app. It takes a seed word, calls a provider-agnostic LLM layer through serverless API endpoints, generates a 12-term glossary, lets users expand individual terms, auto-saves work in the browser, and exports the result as markdown or a Word document.

Visit live

Hash Cost Calculator

A static calculator for estimating bitcoin mining energy costs. It combines plain HTML, CSS, and JavaScript with custom UI controls, bilingual translation support, modal help panels, and miner comparison data.

Visit live

Prompt Builder

A Next.js app that turns a task description, optional screenshots, and pasted code into one ready-to-use AI coding prompt. It uses React, TypeScript, Tailwind CSS, bilingual UI, editable Markdown output, .md/.docx export, and a provider-agnostic LLM backend.

Visit live

QR Code Generator

A privacy-first static QR code tool built with plain HTML, a dedicated stylesheet, and browser-side JavaScript. It offers customizable size and color, transparent background, error correction, a dark and light theme, bilingual UI, and client-side PNG export — with no signup, no expiration, no watermarks, and full offline use once the page is loaded.

Visit live

Rock Drive Backup

A WordPress plugin for full file and database backups to a plugin-created Google Drive folder, with one-click same-site restore. It is built in dependency-free PHP with a staged job engine, resumable Drive uploads, SHA-256 manifest verification, weekly scheduled backups with retention and email notifications, and database and file rollback.

Short URL

A small full-stack URL shortener built with Next.js App Router. It uses a password-gated admin screen to create and delete links, stores slug records in Redis, falls back to in-memory storage in local development, and resolves public <code>/{slug}</code> requests through a redirect route.

Visit live

Tech Stacks

A bilingual static site built with Astro that serves a double function: it documents the projects and explains their tech stacks through shared layouts, reusable data, and localized routes. It also represents a foundational step in the process of learning how to build with AI.