This is an AI-powered web application that solves the frustrating moment when you know the vibe you want but can't figure out what to listen to. Instead of scrolling endlessly, users simply input their mood, activity, time of day, and genre preferences. The app generates a creative playlist name and 6-10 song recs that match the moment. By understanding that music choice is about emotion and energy—not just genre—this tool helps users discover new artists while eliminating decision fatigue.
Vibe-Based Playlist Generator
Roles
UI Designer, Frontend Developer, Product Designers
Programs
Anthropic, Sublime, Vercel, GitHub
Timeline
January 2026
try it yourself now!
-
Research & Ideation - Identified the gap between mood-based music selection and traditional genre-based browsing
Visual Design - Created a Spotify-inspired interface with bright green on black, using Poppins typography for clean, modern aesthetics
User Flow - Designed an intuitive 4-step input process with instant AI-generated results
Accessibility - Added text shadows for improved readability and ensured mobile responsiveness
-
Built with HTML, CSS, and JavaScript
Integrated Anthropic Claude API for natural language processing
Deployed on Vercel with serverless functions to handle API calls securely
Implemented features: regenerate results, copy to clipboard, start over functionality
-
Simple 4-field input (mood, activity, time, genre)
AI-generated creative playlist names
6-10 curated song recommendations
One-click copy to clipboard
Fully responsive design
Outcome - A functional, accessible web application that solves real decision fatigue for music lovers. The tool demonstrates how AI can enhance everyday experiences by understanding context beyond simple keyword searches.
Live Demo - https://mini-project-one-topaz.vercel.app/
#1ED760
#000000
#FFFFFF