---
title: "Web Development Projects — Tristan Putra"
description: "Web development and software engineering projects by Tristan Putra — blockchain voting, e-commerce, SaaS landing pages, and company profiles. View all work."
canonical_url: "https://tristanputra.my.id/projects"
meta:
author: "Tristan Putra"
"og:description": "Web development and software engineering projects by Tristan Putra — blockchain voting, e-commerce, SaaS landing pages, and company profiles. View all work."
"og:title": "Web Development Projects — Tristan Putra"
"twitter:description": "Web development and software engineering projects by Tristan Putra — blockchain voting, e-commerce, SaaS landing pages, and company profiles. View all work."
"twitter:title": "Web Development Projects — 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**
[](https://website-voting-blockchain.vercel.app/)
*Fig. 01 — ChainVotewebsite-voting-blockchain.vercel.app*
**ITEM 01**Blockchain2026
## **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.
[Go to project](https://website-voting-blockchain.vercel.app/)
[](https://recovdot.com/)
*Fig. 02 — Recovdot Studiorecovdot.com*
**ITEM 02**Company 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.
[Go to project](https://recovdot.com/)
[](https://webcreator.recovdot.com/)
*Fig. 03 — Recovdot Web Creatorwebcreator.recovdot.com*
**ITEM 03**Landing 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.
[Go to project](https://webcreator.recovdot.com/)
[](https://automease.vercel.app/)
*Fig. 04 — Automeaseautomease.vercel.app*
**ITEM 04**Frontend 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.
[Go to project](https://automease.vercel.app/)
[](https://github.com/Tristanputra2119/Devtunes)
*Fig. 05 — Devtunesgithub.com/Tristanputra2119/Devtunes*
**ITEM 05**Music 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.
[View repository](https://github.com/Tristanputra2119/Devtunes)
[](https://homelab.tail806089.ts.net:8443/)
*Fig. 06 — Primastorehomelab.tail806089.ts.net:8443*
**ITEM 06**Campus 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.
[Go to project](https://homelab.tail806089.ts.net:8443/)
[](https://arsip-madchester.tristanputra.my.id/)
*Fig. 07 — Arsip Madchesterarsip-madchester.tristanputra.my.id*
**ITEM 07**History2026
## **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.
[Go to project](https://arsip-madchester.tristanputra.my.id/)
## Sitemap
See the full [sitemap](/sitemap.md) for all pages.