@@ -1,8 +1,9 @@
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import React from 'react';
 import './App.css';
 import Home from "./screens/Home/Home";
 import Podcast from "./screens/Podcast/Podcast";
 import Episode from "./screens/Episode/Episode";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 
 const App = () => {
   return (
 
@@ -1,13 +1,33 @@
 import "./Home.css"
-import React from 'react';
-import {useSelector} from 'react-redux';
+import React, {useEffect} from 'react';
+import {useSelector, useDispatch} from 'react-redux';
+import moment from "moment/moment";
+import { requestPodcastList } from "../../services/data";
+import {updatePodcaster} from "../../redux/podcasterSlice";
 
 const Home = () => {
-  const podcaster = useSelector(state => state.podcaster);
+  const dispatch = useDispatch(),
+    podcaster = useSelector(state => state.podcaster);
+
+  useEffect(() => {
+    async function fetchData() {
+      const podcastList = await requestPodcastList();
+      podcastList && dispatch(updatePodcaster({
+        podcastList,
+        lastUpdate: moment().valueOf()
+      }));
+    }
+
+    if (podcaster.status === "ZERO") {
+      fetchData();
+    }
+  }, [podcaster.status]);
+
 
   return (<>
     <p className="home-title">Home:</p>
     <p>Estado de la store: {podcaster.status}</p>
+    <p>Numero de podcasts: {podcaster.podcastList.length}</p>
   </>);
 }
 
 
@@ -0,0 +1,18 @@
+async function requestPodcastList () {
+  return fetch("https://itunes.apple.com/us/rss/toppodcasts/limit=100/genre=1310/json")
+    .then((res) => res.json())
+    .then((data) => {
+      return data.feed.entry.map((item) => {
+        return {
+          id: item.id.attributes['im:id'],
+          title: item?.title.label,
+          author: item['im:artist'].label,
+          image: item['im:image'][0].label
+        }
+      });
+    }).catch((err) => console.log(err));
+}
+
+export {
+  requestPodcastList,
+}