app.listen(5000, () => console.log('Server running on port 5000')); 1. Install dependencies npx create-react-app frontend cd frontend npm install axios react-router-dom 2. src/services/api.js import axios from 'axios'; const API = axios.create( baseURL: 'http://localhost:5000/api' );
export const searchContent = (query, page = 1) => API.get( /search?query=$query&page=$page ); xxx-av20432
loading && <p>Searching...</p>
useEffect(() => const getTrending = async () => const data = await fetchTrending(); setTrending(data); setLoading(false); ; getTrending(); , []); console.log('Server running on port 5000'))
return ( <div className="cursor-pointer rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition transform hover:-translate-y-1 bg-white" onClick=() => onClick(item) > <img src=imageUrl alt=item.title className="w-full h-64 object-cover" /> <div className="p-4"> <h3 className="font-bold text-lg truncate"></h3> <p className="text-gray-600 text-sm"> export const searchContent = (query