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

#1ED760

#000000

#FFFFFF

    1. Research & Ideation - Identified the gap between mood-based music selection and traditional genre-based browsing

    2. Visual Design - Created a Spotify-inspired interface with bright green on black, using Poppins typography for clean, modern aesthetics

    3. User Flow - Designed an intuitive 4-step input process with instant AI-generated results

    4. 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/

Next

Syracuse Film Redesign