Log inSign up
dcm31
dcm31introducing_build_moi
Remix of dcm31/simple_moirkdown_blog
Public
Like
introducing_build_moi
Code
3
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
moi.md
Search
4/26/2025
moi.md
title:
Introducing build.moi
description:
Showcase your Val Town projects in a clean, modern grid.
author:
dcm31
date:
2025-04-26
url:
https://dcm31--2909c212671748f58fd383de8d4ca700.web.val.run
imageUrl:
https://chatgpt.com/backend-api/public_content/enc/eyJpZCI6Im1fNjgwZDE1N2JkZTQ0ODE5MThhZGE3NTNkZDI4NTI4NGQ6ZmlsZV8wMDAwMDAwMDVkZDQ2MWY2ODNjZGE4Y2Q1YzBlMDc3NSIsInRzIjoiNDg0OTEzIiwicCI6InB5aSIsInNpZyI6IjBhMGVlMjJiZGNmNDFjMTZiZThiNTNkOGMxY2Y1NWEyNTYwMDYyMjY0YzQ0MjM3Y2NlNmNkNjNjYzRiNzgyNGIiLCJ2IjoiMCIsImdpem1vX2lkIjpudWxsfQ==
tags:
val-town
showcase
grid
template

Introducing build.moi

build.moi is a showcase platform for Val Town users, displaying their vals in a clean, modern grid layout.

Features

  • View user profiles in a beautiful, responsive gallery
  • Posts and Code tabs: Filter between showcased apps (Posts) and all vals (Code)
  • Live app links: Posts link directly to HTTP endpoints or custom URLs
  • Portrait 2:3 cards for a sleek, mobile-friendly look
  • Edge-to-edge grid with minimal spacing
  • Automatic dark mode that follows system preferences
  • Circle-cropped profile pictures and muted colorful placeholders for missing images
  • Smooth hover effects showing val details
  • Dynamic grid: 3-5 columns depending on screen size
  • Client-side routing with paths like /@username
  • Custom profile configuration via simple moi.md files

How to Use It

  1. Visit build.moi
  2. Enter any Val Town username to see their profile.
  3. Or directly navigate to /@username!

The Posts tab highlights apps with a moi.md file.
The Code tab shows all vals, linking directly to Val Town code.

Customizing Your Posts

You can customize how your apps show up by adding a moi.md file at the root of your val project.

Example:

---
title: "My Awesome Val Town Project"
description: "A detailed description of my project"
imageUrl: "https://example.com/my-custom-image.jpg"
url: "https://my-live-app-endpoint.web.val.run"
author: "yourusername"
tags: ["javascript", "react", "val-town"]
---