FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
ashryanio
ashryaniodeleteLater
Public
Like
deleteLater
Home
Code
4
README.md
H
vinyl-generator-api.ts
H
vinyl-generator-ui.ts
H
vinyl-ui.ts
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
https://ashryanio--901b7f94367211f0b8049e149126039e.web.val.run
README.md

Vinyl Release Generator

This Val Town project generates fake but plausible vinyl record releases with a single click. Each generated release includes:

  • Artist name
  • Album title
  • Genre tags (3-5 tags)
  • Release year (between 1955 and 2023)
  • Record label
  • A brief but interesting backstory about the album

Project Structure

  • /vinyl-generator-api.ts - HTTP endpoint that provides random vinyl release data
  • /vinyl-ui.ts - Frontend interface with a button to trigger generation

How It Works

  1. When the "Generate Vinyl Release" button is clicked, the UI makes a request to the API
  2. The API selects a random vinyl release from a curated collection of fictional releases
  3. The data is returned to the UI and displayed in a visually appealing format

Features

  • Instant Generation: Get a new vinyl release with a single click
  • Detailed Information: Each release includes artist, album, genres, year, label, and backstory
  • Visual Appeal: Animated vinyl record and attractive display of information
  • Error Handling: Robust error handling with clear user feedback
  • Mobile-Friendly: Responsive design works on all device sizes

Technologies Used

  • Twind (Tailwind CSS in JS) for styling
  • Vanilla JavaScript for the frontend functionality
  • Custom-designed vinyl record animation

Usage

Simply visit the UI endpoint and click the "Generate Vinyl Release" button to get a new vinyl release.

UI URL: https://vinyl-ui.web.val.run API URL: https://vinyl-generator-api.web.val.run

HTTP
  • vinyl-generator-api.ts
    ashryanio--90…9e.web.val.run
  • vinyl-generator-ui.ts
    ashryanio--a1…9e.web.val.run
  • vinyl-ui.ts
    ashryanio--a0…9e.web.val.run
Code
README.md
H
vinyl-generator-api.ts
H
vinyl-generator-ui.ts
H
vinyl-ui.ts
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.