diff --git a/src/api/weather.ts b/src/api/weather.ts
index 5c0e61b..d0dcf0d 100644
--- a/src/api/weather.ts
+++ b/src/api/weather.ts
@@ -1,26 +1,18 @@
 import { API_CONFIG } from "./config"
-import type { Coordinates, ForecastData, GeocodingResponse, WeatherData } from "./types";
-
-type UVIndexData = {
-    lat: number;
-    lon: number;
-    date_iso: string;
-    date: number;
-    value: number;
-};
+import type { Coordinates, ForecastData, GeocodingResponse, WeatherData, AQIData, UVIndexData, PollenData } from "./types";
 
 class WeatherAPI{
-    async getAQI({lat, lon}: Coordinates) {
+    async getAQI({lat, lon}: Coordinates): Promise<AQIData> {
         const url = this.createUrl(`${API_CONFIG.BASE_URL}/air_pollution`, {
             lat: lat.toString(),
             lon: lon.toString(),
             appid: import.meta.env.VITE_OPENWEATHER_API_KEY
         });
-        return this.fetchData<UVIndexData>(url);
+        return this.fetchData<AQIData>(url);
     }
 
-    async getUVIndex({lat, lon}: Coordinates) {
-        const url = this.createUrl(`https://api.openweathermap.org/data/2.5/uvi`, {
+    async getUVIndex({lat, lon}: Coordinates): Promise<UVIndexData> {
+        const url = this.createUrl("https://api.openweathermap.org/data/2.5/uvi", {
             lat: lat.toString(),
             lon: lon.toString(),
             appid: import.meta.env.VITE_OPENWEATHER_API_KEY
@@ -28,7 +20,7 @@ class WeatherAPI{
         return this.fetchData<UVIndexData>(url);
     }
 
-    async getPollen({lat, lon}: Coordinates) {
+    async getPollen({lat, lon}: Coordinates): Promise<PollenData> {
         return Promise.resolve({
             coord: { lat, lon },
             pollen_types: [
diff --git a/src/components/mood-selector.tsx b/src/components/mood-selector.tsx
new file mode 100644
index 0000000..7c44b06
--- /dev/null
+++ b/src/components/mood-selector.tsx
@@ -0,0 +1,58 @@
+import { useState } from 'react';
+import { Smile, Wind, Brain, Zap, Sparkles } from 'lucide-react';
+import type { MoodType } from '@/types/playlist';
+
+interface MoodSelectorProps {
+  selectedMood?: MoodType;
+  onMoodChange: (mood: MoodType | undefined) => void;
+}
+
+const moodOptions: Array<{ value: MoodType; label: string; icon: React.ReactNode; color: string }> = [
+  { value: 'happy', label: 'Happy', icon: <Smile className="w-5 h-5" />, color: 'bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 hover:bg-yellow-500/20' },
+  { value: 'relaxed', label: 'Relaxed', icon: <Wind className="w-5 h-5" />, color: 'bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20' },
+  { value: 'focused', label: 'Focused', icon: <Brain className="w-5 h-5" />, color: 'bg-purple-500/10 text-purple-600 dark:text-purple-400 hover:bg-purple-500/20' },
+  { value: 'energetic', label: 'Energetic', icon: <Zap className="w-5 h-5" />, color: 'bg-orange-500/10 text-orange-600 dark:text-orange-400 hover:bg-orange-500/20' },
+  { value: 'calm', label: 'Calm', icon: <Sparkles className="w-5 h-5" />, color: 'bg-green-500/10 text-green-600 dark:text-green-400 hover:bg-green-500/20' },
+];
+
+const MoodSelector = ({ selectedMood, onMoodChange }: MoodSelectorProps) => {
+  const handleMoodClick = (mood: MoodType) => {
+    if (selectedMood === mood) {
+      onMoodChange(undefined); // Deselect if clicking the same mood
+    } else {
+      onMoodChange(mood);
+    }
+  };
+
+  return (
+    <div className="space-y-3">
+      <div className="flex items-center gap-2">
+        <h3 className="text-sm font-medium text-muted-foreground">How are you feeling?</h3>
+        <span className="text-xs text-muted-foreground">(Optional)</span>
+      </div>
+      
+      <div className="flex flex-wrap gap-2">
+        {moodOptions.map((mood) => (
+          <button
+            key={mood.value}
+            onClick={() => handleMoodClick(mood.value)}
+            className={`
+              inline-flex items-center gap-2 px-4 py-2 rounded-full 
+              transition-all duration-200 font-medium text-sm
+              ${mood.color}
+              ${selectedMood === mood.value 
+                ? 'ring-2 ring-offset-2 ring-offset-background scale-105' 
+                : 'scale-100'
+              }
+            `}
+          >
+            {mood.icon}
+            <span>{mood.label}</span>
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default MoodSelector;
\ No newline at end of file
diff --git a/src/components/playlist-card.tsx b/src/components/playlist-card.tsx
new file mode 100644
index 0000000..6f3f360
--- /dev/null
+++ b/src/components/playlist-card.tsx
@@ -0,0 +1,74 @@
+import { ExternalLink, Music2 } from 'lucide-react';
+import { Card, CardContent } from '@/components/ui/card';
+import type { SpotifyPlaylist } from '@/types/playlist';
+import { useState } from 'react';
+
+interface PlaylistCardProps {
+  playlist: SpotifyPlaylist;
+}
+
+const PlaylistCard = ({ playlist }: PlaylistCardProps) => {
+  const [imageError, setImageError] = useState(false);
+
+  return (
+    <Card className="overflow-hidden hover:shadow-lg transition-shadow duration-300 group">
+      <CardContent className="p-0">
+        <a 
+          href={playlist.spotifyUrl} 
+          target="_blank" 
+          rel="noopener noreferrer"
+          className="block"
+        >
+          {/* Playlist Image - Smaller with fallback */}
+          <div className="relative aspect-square overflow-hidden bg-muted">
+            {!imageError ? (
+              <img
+                src={playlist.imageUrl}
+                alt={playlist.name}
+                className="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
+                loading="lazy"
+                onError={() => setImageError(true)}
+              />
+            ) : (
+              <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/20 to-primary/5">
+                <Music2 className="w-16 h-16 text-primary/40" />
+              </div>
+            )}
+            <div className="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center">
+              <ExternalLink className="text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 w-8 h-8" />
+            </div>
+          </div>
+
+          {/* Playlist Info - Compact */}
+          <div className="p-3 space-y-1.5">
+            <div className="flex items-start justify-between gap-2">
+              <h3 className="font-semibold text-base line-clamp-1 group-hover:text-primary transition-colors">
+                {playlist.name}
+              </h3>
+              <Music2 className="w-4 h-4 text-muted-foreground flex-shrink-0" />
+            </div>
+
+            <p className="text-xs text-muted-foreground line-clamp-2">
+              {playlist.description}
+            </p>
+
+            <div className="flex items-center justify-between text-xs text-muted-foreground pt-1">
+              <span className="font-medium">{playlist.genre}</span>
+              <span>{playlist.trackCount} tracks</span>
+            </div>
+
+            {/* Listen Button - Compact */}
+            <div className="pt-1.5">
+              <div className="inline-flex items-center gap-1.5 text-xs font-medium text-primary group-hover:underline">
+                Listen on Spotify
+                <ExternalLink className="w-3 h-3" />
+              </div>
+            </div>
+          </div>
+        </a>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default PlaylistCard;
\ No newline at end of file
diff --git a/src/components/weather-playlist.tsx b/src/components/weather-playlist.tsx
new file mode 100644
index 0000000..32c73b3
--- /dev/null
+++ b/src/components/weather-playlist.tsx
@@ -0,0 +1,64 @@
+import { useState } from 'react';
+import { Music } from 'lucide-react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import type { WeatherData } from '@/api/types';
+import type { MoodType } from '@/types/playlist';
+import { getPlaylistsForWeather, getRecommendedPlaylists } from '@/lib/playlist-data';
+import PlaylistCard from './playlist-card';
+import MoodSelector from './mood-selector';
+
+interface WeatherPlaylistsProps {
+  data: WeatherData;
+}
+
+const WeatherPlaylists = ({ data }: WeatherPlaylistsProps) => {
+  const [selectedMood, setSelectedMood] = useState<MoodType | undefined>();
+  
+  const weatherCondition = data.weather[0]?.main || 'Clear';
+  const weatherMapping = getPlaylistsForWeather(weatherCondition);
+  const recommendedPlaylists = getRecommendedPlaylists(weatherCondition, selectedMood);
+
+  if (!weatherMapping && recommendedPlaylists.length === 0) {
+    return null;
+  }
+
+  return (
+    <Card className="col-span-full">
+      <CardHeader>
+        <div className="flex items-center gap-2">
+          <Music className="w-6 h-6 text-primary" />
+          <div>
+            <CardTitle>Your Weather Playlist {weatherMapping?.emoji}</CardTitle>
+            <CardDescription>
+              {weatherMapping?.description || 'Curated music for the current weather'}
+            </CardDescription>
+          </div>
+        </div>
+      </CardHeader>
+      
+      <CardContent className="space-y-6">
+        {/* Mood Selector */}
+        <MoodSelector 
+          selectedMood={selectedMood} 
+          onMoodChange={setSelectedMood} 
+        />
+
+        {/* Playlist Grid */}
+        {recommendedPlaylists.length > 0 ? (
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+            {recommendedPlaylists.map((playlist) => (
+              <PlaylistCard key={playlist.id} playlist={playlist} />
+            ))}
+          </div>
+        ) : (
+          <div className="text-center py-8 text-muted-foreground">
+            <Music className="w-12 h-12 mx-auto mb-3 opacity-50" />
+            <p>No playlists available for this weather condition yet.</p>
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+};
+
+export default WeatherPlaylists;
\ No newline at end of file
diff --git a/src/lib/playlist-data.ts b/src/lib/playlist-data.ts
new file mode 100644
index 0000000..28dccf9
--- /dev/null
+++ b/src/lib/playlist-data.ts
@@ -0,0 +1,266 @@
+import type { WeatherPlaylistMapping, MoodType, SpotifyPlaylist } from '@/types/playlist';
+
+// Curated Spotify playlists for different weather conditions
+export const weatherPlaylistMappings: WeatherPlaylistMapping[] = [
+  {
+    weather: 'Rain',
+    emoji: '🌧️',
+    description: 'Cozy vibes for a rainy day',
+    playlists: [
+      {
+        id: '37i9dQZF1DX2v8AuSe3vVh',
+        name: 'Rainy Day',
+        description: 'Cozy up with acoustic and indie tracks',
+        imageUrl: 'https://images.unsplash.com/photo-1519638399535-1b036603ac77?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX2v8AuSe3vVh',
+        trackCount: 100,
+        genre: 'Acoustic/Indie'
+      },
+      {
+        id: '37i9dQZF1DX4PP3DA4J0N8',
+        name: 'Jazz Vibes',
+        description: 'Smooth jazz for a relaxing rainy afternoon',
+        imageUrl: 'https://images.unsplash.com/photo-1511379938547-c1f69419868d?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX4PP3DA4J0N8',
+        trackCount: 140,
+        genre: 'Jazz'
+      },
+      {
+        id: '37i9dQZF1DWZqd5JICZI0u',
+        name: 'Lofi Beats',
+        description: 'Chill lofi hip hop beats',
+        imageUrl: 'https://images.unsplash.com/photo-1618005198919-d3d4b5a92ead?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DWZqd5JICZI0u',
+        trackCount: 220,
+        genre: 'Lo-fi'
+      }
+    ]
+  },
+  {
+    weather: 'Clear',
+    emoji: '☀️',
+    description: 'Energetic tracks to match the sunshine',
+    playlists: [
+      {
+        id: '37i9dQZF1DXdPec7aLTmlC',
+        name: 'Happy Hits!',
+        description: 'Hit the feels with these happy tunes',
+        imageUrl: 'https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DXdPec7aLTmlC',
+        trackCount: 150,
+        genre: 'Pop'
+      },
+      {
+        id: '37i9dQZF1DX3rxVfibe1L0',
+        name: 'Mood Booster',
+        description: 'Get happy with this playlist',
+        imageUrl: 'https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX3rxVfibe1L0',
+        trackCount: 130,
+        genre: 'Pop/Dance'
+      },
+      {
+        id: '37i9dQZF1DX0XUsuxWHRQd',
+        name: 'RapCaviar',
+        description: 'New music from top hip-hop artists',
+        imageUrl: 'https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX0XUsuxWHRQd',
+        trackCount: 50,
+        genre: 'Hip-Hop'
+      }
+    ]
+  },
+  {
+    weather: 'Snow',
+    emoji: '❄️',
+    description: 'Calm and peaceful winter melodies',
+    playlists: [
+      {
+        id: '37i9dQZF1DX4sWSpwq3LiO',
+        name: 'Peaceful Piano',
+        description: 'Relax and indulge with beautiful piano pieces',
+        imageUrl: 'https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX4sWSpwq3LiO',
+        trackCount: 200,
+        genre: 'Classical'
+      },
+      {
+        id: '37i9dQZF1DWVFeEut75IAL',
+        name: 'Winter Acoustic',
+        description: 'Cozy acoustic covers and chill vibes',
+        imageUrl: 'https://images.unsplash.com/photo-1511379938547-c1f69419868d?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DWVFeEut75IAL',
+        trackCount: 90,
+        genre: 'Acoustic'
+      },
+      {
+        id: '37i9dQZF1DX8NTLI2TtZa6',
+        name: 'Ambient Relaxation',
+        description: 'Calming ambient soundscapes',
+        imageUrl: 'https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX8NTLI2TtZa6',
+        trackCount: 120,
+        genre: 'Ambient'
+      }
+    ]
+  },
+  {
+    weather: 'Thunderstorm',
+    emoji: '⛈️',
+    description: 'Intense and powerful electronic beats',
+    playlists: [
+      {
+        id: '37i9dQZF1DX4dyzvuaRJ0n',
+        name: 'mint',
+        description: 'The music hitting right now',
+        imageUrl: 'https://images.unsplash.com/photo-1571330735066-03aaa9429d89?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX4dyzvuaRJ0n',
+        trackCount: 100,
+        genre: 'Electronic'
+      },
+      {
+        id: '37i9dQZF1DX0hvqKTPJYMa',
+        name: 'Beast Mode',
+        description: 'Aggressive rap to fuel your workouts',
+        imageUrl: 'https://images.unsplash.com/photo-1571330735066-03aaa9429d89?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX0hvqKTPJYMa',
+        trackCount: 70,
+        genre: 'Hip-Hop/Rap'
+      },
+      {
+        id: '37i9dQZF1DX4JAvHpjipBk',
+        name: 'New Music Friday',
+        description: 'New music from around the world',
+        imageUrl: 'https://images.unsplash.com/photo-1508700115892-45ecd05ae2ad?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX4JAvHpjipBk',
+        trackCount: 100,
+        genre: 'Various'
+      }
+    ]
+  },
+  {
+    weather: 'Clouds',
+    emoji: '☁️',
+    description: 'Mellow and contemplative tunes',
+    playlists: [
+      {
+        id: '37i9dQZF1DX3YSRoSdA634',
+        name: 'Evening Acoustic',
+        description: 'Gentle acoustic songs for easy listening',
+        imageUrl: 'https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX3YSRoSdA634',
+        trackCount: 120,
+        genre: 'Acoustic'
+      },
+      {
+        id: '37i9dQZF1DWXe9gFZP0gtP',
+        name: 'Relax & Unwind',
+        description: 'Ease into relaxation with gentle tunes',
+        imageUrl: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DWXe9gFZP0gtP',
+        trackCount: 110,
+        genre: 'Chill'
+      }
+    ]
+  },
+  {
+    weather: 'Drizzle',
+    emoji: '🌦️',
+    description: 'Soft and soothing melodies',
+    playlists: [
+      {
+        id: '37i9dQZF1DX2v8AuSe3vVh',
+        name: 'Rainy Day',
+        description: 'Cozy up with acoustic and indie tracks',
+        imageUrl: 'https://images.unsplash.com/photo-1519638399535-1b036603ac77?w=400&h=400&fit=crop',
+        spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX2v8AuSe3vVh',
+        trackCount: 100,
+        genre: 'Acoustic/Indie'
+      }
+    ]
+  }
+];
+
+// Mood-based playlist refinements
+export const moodPlaylists: Record<MoodType, SpotifyPlaylist[]> = {
+  happy: [
+    {
+      id: '37i9dQZF1DXdPec7aLTmlC',
+      name: 'Happy Hits!',
+      description: 'Feel-good favorites to lift your spirits',
+      imageUrl: 'https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=400&h=400&fit=crop',
+      spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DXdPec7aLTmlC',
+      trackCount: 150,
+      genre: 'Pop'
+    }
+  ],
+  relaxed: [
+    {
+      id: '37i9dQZF1DWZqd5JICZI0u',
+      name: 'Lofi Beats',
+      description: 'Chill lofi hip hop beats to relax',
+      imageUrl: 'https://images.unsplash.com/photo-1618005198919-d3d4b5a92ead?w=400&h=400&fit=crop',
+      spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DWZqd5JICZI0u',
+      trackCount: 220,
+      genre: 'Lo-fi'
+    }
+  ],
+  focused: [
+    {
+      id: '37i9dQZF1DX8NTLI2TtZa6',
+      name: 'Deep Focus',
+      description: 'Keep calm and stay focused',
+      imageUrl: 'https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=400&h=400&fit=crop',
+      spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX8NTLI2TtZa6',
+      trackCount: 180,
+      genre: 'Ambient'
+    }
+  ],
+  energetic: [
+    {
+      id: '37i9dQZF1DX3rxVfibe1L0',
+      name: 'Mood Booster',
+      description: 'Get energized with upbeat tracks',
+      imageUrl: 'https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?w=400&h=400&fit=crop',
+      spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX3rxVfibe1L0',
+      trackCount: 130,
+      genre: 'Pop/Dance'
+    }
+  ],
+  calm: [
+    {
+      id: '37i9dQZF1DX4sWSpwq3LiO',
+      name: 'Peaceful Piano',
+      description: 'Relax and indulge with beautiful piano pieces',
+      imageUrl: 'https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?w=400&h=400&fit=crop',
+      spotifyUrl: 'https://open.spotify.com/playlist/37i9dQZF1DX4sWSpwq3LiO',
+      trackCount: 200,
+      genre: 'Classical'
+    }
+  ]
+};
+
+// Helper function to get playlists based on weather
+export function getPlaylistsForWeather(weatherCondition: string): WeatherPlaylistMapping | null {
+  return weatherPlaylistMappings.find(
+    mapping => mapping.weather.toLowerCase() === weatherCondition.toLowerCase()
+  ) || null;
+}
+
+// Helper function to combine weather and mood playlists
+export function getRecommendedPlaylists(
+  weatherCondition: string,
+  mood?: MoodType
+): SpotifyPlaylist[] {
+  const weatherMapping = getPlaylistsForWeather(weatherCondition);
+  const weatherPlaylists = weatherMapping?.playlists || [];
+  
+  if (mood && moodPlaylists[mood]) {
+    // Combine and deduplicate
+    const combined = [...weatherPlaylists, ...moodPlaylists[mood]];
+    const unique = Array.from(new Map(combined.map(p => [p.id, p])).values());
+    return unique;
+  }
+  
+  return weatherPlaylists;
+}
\ No newline at end of file
diff --git a/src/pages/city-page.tsx b/src/pages/city-page.tsx
index 21eb979..e515bd1 100644
--- a/src/pages/city-page.tsx
+++ b/src/pages/city-page.tsx
@@ -11,6 +11,7 @@ import WeatherForecast from "@/components/weather-forecast";
 import { useState } from "react";
 import FavoriteButton from "@/components/favorite-button";
 import HealthRecommendations from "@/components/healthRecommendations";
+import WeatherPlaylists from "@/components/weather-playlist";
 
 const CityPage = () => {
   
@@ -73,9 +74,10 @@ const CityPage = () => {
             {/* forecast */}
             <WeatherForecast data={forecastQuery.data} />
         </div>
+        <WeatherPlaylists data={weatherQuery.data} />
       </div>
     </div>
   );
 }
 
-export default CityPage;
+export default CityPage;
\ No newline at end of file
diff --git a/src/pages/weather-dashboard.tsx b/src/pages/weather-dashboard.tsx
index d89c3ea..e4e7ee9 100644
--- a/src/pages/weather-dashboard.tsx
+++ b/src/pages/weather-dashboard.tsx
@@ -11,6 +11,7 @@ import WeatherDetails from "@/components/weather-details";
 import WeatherForecast from "@/components/weather-forecast";
 import FavoriteCities from "@/components/favorite-cities";
 import HealthRecommendations from "@/components/healthRecommendations";
+import WeatherPlaylists from "@/components/weather-playlist";
 
 const WeatherDashboard = () => {
   const {coordinates,error:locationError,getLocation,isLoading:locationLoading}=useGeolocation();
@@ -118,8 +119,9 @@ const WeatherDashboard = () => {
         {/* forecast */}
         <WeatherForecast data={forecastQuery.data} />
       </div>
+      <WeatherPlaylists data={weatherQuery.data} />
     </div>
   );
 }
 
-export default WeatherDashboard;
+export default WeatherDashboard;
\ No newline at end of file
diff --git a/src/types/playlist.ts b/src/types/playlist.ts
new file mode 100644
index 0000000..94f05a4
--- /dev/null
+++ b/src/types/playlist.ts
@@ -0,0 +1,35 @@
+export type MoodType = 'happy' | 'relaxed' | 'focused' | 'energetic' | 'calm';
+
+export type WeatherConditionType = 
+  | 'Clear' 
+  | 'Clouds' 
+  | 'Rain' 
+  | 'Drizzle' 
+  | 'Thunderstorm' 
+  | 'Snow' 
+  | 'Mist' 
+  | 'Smoke' 
+  | 'Haze' 
+  | 'Dust' 
+  | 'Fog' 
+  | 'Sand' 
+  | 'Ash' 
+  | 'Squall' 
+  | 'Tornado';
+
+export interface SpotifyPlaylist {
+  id: string;
+  name: string;
+  description: string;
+  imageUrl: string;
+  spotifyUrl: string;
+  trackCount: number;
+  genre: string;
+}
+
+export interface WeatherPlaylistMapping {
+  weather: WeatherConditionType;
+  emoji: string;
+  playlists: SpotifyPlaylist[];
+  description: string;
+}
\ No newline at end of file