TRISTAN PUTRA
§ P-02 — Bill of work, expanded

All projects

A deeper dive into the products and experiences I have built — role, stack, and the thinking behind each one.

Items
07
Span
2023—26
Categories
07
ChainVote
Fig. 01 — ChainVotewebsite-voting-blockchain.vercel.app
ITEM 01Blockchain2026

ChainVote

A decentralized voting application in active development on the Ethereum Sepolia testnet, built with Solidity smart contracts. Votes are recorded immutably on-chain with MetaMask wallet integration and real-time results read directly from blockchain data. IPFS integration for decentralized storage is in progress.

Role
Blockchain Developer
Stack
Solidity · Ethereum · MetaMask · Nuxt.js · IPFS

Problem

Traditional voting systems rely on a central authority — results can be manipulated and voters have no way to verify their vote was counted.

Solution

Moved vote storage and tallying into an Ethereum smart contract on Sepolia: every vote is an on-chain transaction, results are computed from blockchain state, and wallets authenticate voters without accounts.

Recovdot Studio
Fig. 02 — Recovdot Studiorecovdot.com
ITEM 02Company Profile2025

Recovdot Studio

Live company profile for Recovdot, a game development studio in Bali. Built with Vue.js on the frontend and an Express backend for the landing page.

Role
Full-stack Developer
Stack
Vue.js · Express · Node.js

Problem

Recovdot is a newly founded game studio in Bali with zero online presence — potential clients could not find or verify the company.

Solution

Built the company's first website: services, portfolio, and contact flow, with Vue.js on the frontend and an Express backend serving the landing page.

Recovdot Web Creator
Fig. 03 — Recovdot Web Creatorwebcreator.recovdot.com
ITEM 03Landing Page Company2025

Recovdot Web Creator

Landing page for Recovdot's web services arm, focused on selling website creation services to new businesses.

Role
Full-stack Developer
Stack
Vue.js · Express · Node.js

Problem

Same situation as the studio site — the web services business was just getting started and needed a page to attract its first customers.

Solution

Built a focused service landing page to generate leads for the new web services business.

Automease
Fig. 04 — Automeaseautomease.vercel.app
ITEM 04Frontend Practice2025

Automease

A static frontend project built to practice UI/UX design systems — modern SaaS dashboard UI with automation workflow concepts.

Role
Frontend Developer (Practice Project)
Stack
Nuxt.js · TailwindCSS · Vue 3

Problem

A personal learning project to understand UI/UX design systems, component architecture, and responsive dashboard patterns.

Solution

Built a static landing page exploring reusable section architecture, layered storytelling, and responsive layouts that adapt from mobile to desktop.

Devtunes
Fig. 05 — Devtunesgithub.com/Tristanputra2119/Devtunes
ITEM 05Music App2023

Devtunes

A Spotify-inspired music streaming site built with Laravel and MySQL. Supports public playlist browsing and full song playback without requiring user login — making music immediately accessible.

Role
Full-stack Developer
Stack
Laravel · MySQL · JavaScript

Problem

Most music platforms force account creation before playback, creating friction for casual listeners.

Solution

Designed a login-free browsing experience with public playlists and instant playback, backed by a Laravel API and MySQL catalog.

Primastore
Fig. 06 — Primastorehomelab.tail806089.ts.net:8443
ITEM 06Campus Marketplace2025

Primastore

An online marketplace for Primakara students — a full-stack e-commerce platform with authentication, product catalog, shopping cart, and checkout built for campus buying and selling.

Role
Full-stack Developer
Stack
Laravel · MySQL

Problem

Primakara students needed a place to buy and sell items within the campus community — no dedicated marketplace existed.

Solution

Built a full-stack marketplace covering auth, product catalog, cart, and checkout, modeled around real campus buying and selling workflows.

Arsip Madchester
Fig. 07 — Arsip Madchesterarsip-madchester.tristanputra.my.id
ITEM 07History2026

Arsip Madchester

Arsip Madchester Sebuah kota kehilangan industrinya.Sebuah kebudayaan menemukan ruangnya.

Role
Developer
Stack
Astro.JS · Gsap

Problem

Most accounts of Madchester reduce the scene to a playlist or nostalgia, losing the social and economic conditions that shaped it: post-industrial decline, empty spaces, independent labels, clubs, and dance music.

Solution

Built an Indonesian-language editorial archive that traces ten connected chapters from post-industrial Manchester to the scene’s 1992 collapse. Astro provides a fast, typography-led reading experience, while restrained GSAP motion supports the archival narrative.