Overview
A comprehensive portfolio showcase featuring projects built with Arkiv design system and blockchain technology. The main gallery displays project cards with screenshots, descriptions, and filtering capabilities by categories (analytics, productivity, design-tools) and Arkiv features (annotations, BTL, query, storage, POW). Each project has a dedicated detail page showing overview, technical implementation, code samples, tech stack breakdown, and performance metrics. Features responsive design with dark/light mode toggle and clean typography using IBM Plex Mono.
How it uses Golem DB
// Store project data with 2-year BTL
const btl = 365 * 2 * 43200; // 2 years in blocks
const projectData = {
projectId: project.slug,
data: project,
updatedAt: new Date().toISOString()
};
const result = await writeClient.createEntities([{
btl: btl,
data: Buffer.from(JSON.stringify(projectData), 'utf8'),
stringAnnotations: [
{ key: 'type', value: 'project_data' },
{ key: 'project_id', value: project.slug },
{ key: 'updated_at', value: new Date().toISOString() }
],
numericAnnotations: []
}]);
// Smart cache with change detection
const cached = await cache.get('all-projects');
if (cached) return cached;
const golemProjects = await golemStorage.getAllProjects();
if (golemProjects.length > 0) {
await cache.set('all-projects', golemProjects);
return golemProjects;
}