Non-developer builds Sleep Sound Mixer web app using Claude AI
A Reddit user on r/ClaudeAI shared their experience building a complete web application using Claude AI without any prior development experience. The user employed what they described as "vibe coding" - describing what they wanted to Claude and refining it through conversation.
What was built
The Sleep Sound Mixer is a web application that allows users to create custom ambient soundscapes by mixing different environmental sounds. The app features:
- Six different ambient sounds: rain, thunder, ocean waves, birds, wind, and fire
- Individual volume sliders for each sound
- Ability to mix and match sounds in any combination
- Clean, minimal user interface
- Browser-based functionality (no installation required)
Development process
The user reported that they had no coding background and approached the project by:
- Describing what they wanted to Claude AI
- Going back and forth with the AI to refine the implementation
- Avoiding traditional development hurdles like learning frameworks or searching Stack Overflow
According to the user, this type of project would have taken weeks to figure out a year ago, but with Claude AI, they completed it in a single session.
The user shared a working demo of the app at claude.ai/public/artifacts/0e3a4978-724f-4e01-9d28-226350f90744 and asked the community for feature suggestions.
📖 Read the full source: r/ClaudeAI
👀 See Also
Timezone Bugs in AI-Generated Booking Systems: A Case Study
Claude-generated booking prototype stored UTC, displayed in IST – broke for Dubai and US tutors. 11 wrong bookings cost trust. Fixed with luxon.
Building a Concert Radar with OpenClaw: Scraping Multiple Sources for Artist Shows
A developer built a concert radar using OpenClaw on a VPS that pulls artists from Spotify, scans multiple sources daily, normalizes events, matches artists, deduplicates, and tracks new announcements via cron jobs.
VibecodedHub: A Discovery Platform Built Entirely with Claude Code
A developer built VibecodedHub, a discovery and launch platform for AI-built projects, using Claude Code as the primary engineer across multiple focused sessions. The platform includes landing page, authentication, feed, project submissions, Stripe integrations, admin panel, SEO, and OG images.
Using Claude as a Critical Marketing Foil for SaaS Product Refinement
A developer used Claude not for code generation but as a contrarian marketing lead, asking it to provide brutally honest criticism of their SaaS product Prompt Optimizer. This approach helped identify weak messaging and refine the value proposition from features to user relief.