madebygio.
RésuméGitHub

Quick links

Open to React & frontend roles - fully remote

Giorgi · React Developer

I build React apps like Tempest Archive, a spoiler-aware reference site, and browser tools that process files on your device.

See Tempest Archive Résumé (PDF) Contact

React / Next.js / TypeScript / Tailwind CSS / Supabase

Form & interactionStudy 001
Move your cursor to exploreA small study in interaction

Built for this site: a 48-ring SVG sculpture (sculpture.ts) and a canvas of cursor workers that assemble the page (swarm.ts).

Selected work

8 live projects, three in depth.

PORTFOLIO - 2026

01 / Selected work

8 live projects

Three projects, in depth.

What each one lets people do, what I did, one decision behind it, and evidence you can check yourself.

01 React app · content platform

Tempest Archive

Readers pick how far they have read or watched (Anime, Moderate or Full) and the whole archive follows: character, skill, location and faction indexes, dossiers and the timeline only show what they have reached.

My role
Design, frontend, data model
Stack
React, Vite, Tailwind CSS, Motion, Supabase, Cloudflare
Visit Tempest Archive Read the case study
Try it Same page, three reader settings. Pick a spoiler level to see the live Characters index at that level.
Tempest Archive Characters index at the Anime spoiler level, reading "39 of 39 shown"
Entries shown on each live index page, by spoiler level
LevelCharactersSkillsLocationsFactionsTotal
Anime3928131090
Moderate53452116135
Full84853626231

Anime: 90 entries across the four indexes, 39 of them characters.

Counted on the live index pages, 9 November 2026.

Engineering decision

Characters, skills and events are linked records, not standalone pages.

A skill has owners and evolutions, a character has affiliations and appearances, and a story event ties them together. Modelling them as records that reference each other lets one spoiler setting filter the whole graph at once, so a character you have not met yet drops out of the index, the skill pages and the timeline together, instead of each page being edited by hand.

Evidence to inspect

02 React app · browser tool

QUIRE

Write Markdown with a live, typeset preview, then download a real PDF (selectable, searchable text and clickable links) without the document leaving the browser.

My role
Design & development
Stack
React 19, Vite, Tailwind CSS, pdf-lib
Open QUIRE Read the case study

Try it

Edit Markdown, export a PDF.

Page one of a PDF exported from QUIRE: "Field Notes on Kettle Design" set in Times with Helvetica headings, a block quote, numbered and nested bulleted lists, a four-row measurements table and the start of a code blockOpen sample PDF · 2 pages · 13.4 KB
QUIRE in split view: a Markdown editor with a formatting toolbar on the left and the typeset "Field Notes on Kettle Design" document on the right, with Write, Split, Read and Export controls

The paper is page 1 of the sample, exported from quire.madebygio.dev. Open it and select the text, or click the link under “Further reading”.

Engineering decision

It lays the PDF out itself instead of screenshotting the preview.

The usual shortcut rasterises the page into an image. QUIRE walks the same marked token stream that drives the preview and draws it with pdf-lib in the Standard 14 fonts, so text stays text and every link becomes a real link annotation. pdf-lib is loaded with a dynamic import only when someone exports, and characters the fonts cannot encode are transliterated or reported by name rather than silently dropped.

Evidence to inspect

03 Next.js app · website and code QA

SiteForge

Audit a live website, a GitHub repository, or both. Each finding includes evidence, its location and a suggested fix.

My role
Design & development
Stack
Next.js, React, TypeScript, Tailwind CSS, Supabase, Playwright, axe-core
Access
Running an audit requires sign-in.
Read the case study
SiteForge landing page on a dark background: the headline "Find what breaks before your users do", a field for a site or GitHub repository with a Run audit button, and a sample report scoring accessibility, security, responsiveness and dependencies
From request to report
SiteForge audit pipelineThe Next.js app queues the audit. A worker runs Chromium and scans the repository, then returns the report.Next.js appQueueWorkerChromium + repository scanReport

Engineering decision

AI findings must quote real code or they are discarded.

SiteForge checks the quote against the file the finding names. It keeps a suggested patch only if every line the patch removes exists in that file.

Evidence to inspect

More projects

A 3D browser game and four tools that work on your device. All five are live.

The five browser tools live in one repository and deploy separately to their own subdomains. Tempest Archive's repository is private.

Tools source This site's source

02 / Experience

Where I've worked.

  1. 2026 - now

    Independent developer (freelance)

    madebygio.dev

    Design, build and deploy my own products, each live on its own domain.

  2. Feb 2025 - Sep 2026

    Full-stack developer

    An online booking platform for sports venues

    Worked on a Georgian platform for booking football pitches, tennis courts and bowling lanes online, with live availability, card payment and SMS confirmation.

    Built landing pages and popup modals, worked on backend features and fixed bugs across the stack.

    Next.js / MUI / Laravel / PHP

  3. 2024

    Developer under senior mentorship

    Completed web development tasks with guidance and review from a senior developer.

Education

Languages

Georgian (native), English (B2-C1), German (basic)

How I work

Remote, and in writing.

  1. I send written updates at the end of each working day.

  2. I ask questions in chat or email.

  3. I ship work in small, reviewable pieces.

  4. I reply within one working day.

03 / The toolkit

Good tools. Better possibilities.

Built onsolid foundations.

From the first pixel
to the last database query.

Show what powers
01

Interface

Where the experience takes shape.

  • React
  • Next.js
  • JavaScript
  • TypeScript
02

Styling

Layout, rhythm, the way it feels.

  • HTML
  • CSS / SCSS
  • Tailwind CSS
  • MUI
03

Backend

The logic that holds it together.

  • Laravel
  • PHP
  • MySQL
  • Supabase
04

Workflow

From branch to production.

  • Git / GitHub
  • Vite
  • Vercel
  • Cloudflare

04 / A little about me

The details makethe difference.

I'm Gio - Giorgi, if we're being formal. A React and full-stack developer who likes taking a useful idea and making every part of it feel considered.

The layout. The response to a click. What happens on a slow connection. Tempest Archive taught me how to keep a large, linked body of content honest; the tools taught me how to make one small thing feel finished.

More about how I work
01

Thoughtful interfaces

Clear, accessible, easy to use.

02

Purposeful interaction

Motion that helps things make sense.

03

Care under the hood

Readable code. Performance in mind.

05 / Contact

Hiring for Reactor frontend?

I'd like to hear about the role. Email is quickest.

Fully remote from Tbilisi. I work in writing: email or chat.