return ( <div> <h1>Jiorockers 2025 Telugu Movies</h1> <select value={genre} onChange={(e) => setGenre(e.target.value)}> <option value="">All Genres</option> <option value="Action">Action</option> <option value="Comedy">Comedy</option> <option value="Romance">Romance</option> </select> <input type="search" value={search} onChange={(e) => setSearch(e.target.value)} placeholder="Search movies" /> <ul> {filterMovies().map(movie => ( <li key={movie._id}> <h2>{movie.title}</h2> <p>Director: {movie.director}</p> <p>Cast: {movie.cast}</p> <p>Genre: {movie.genre}</p> <a href={movie.trailer}>Watch Trailer</a> </li> ))} </ul> </div> ); }
app.get('/api/movies', async (req, res) => { try { const movies = await Movie.find().exec(); res.json(movies); } catch (error) { console.error(error); res.status(500).json({ message: 'Error fetching movies' }); } });
export default Jiorockers2025TeluguMovies;
return ( <div> <h1>Jiorockers 2025 Telugu Movies</h1> <select value={genre} onChange={(e) => setGenre(e.target.value)}> <option value="">All Genres</option> <option value="Action">Action</option> <option value="Comedy">Comedy</option> <option value="Romance">Romance</option> </select> <input type="search" value={search} onChange={(e) => setSearch(e.target.value)} placeholder="Search movies" /> <ul> {filterMovies().map(movie => ( <li key={movie._id}> <h2>{movie.title}</h2> <p>Director: {movie.director}</p> <p>Cast: {movie.cast}</p> <p>Genre: {movie.genre}</p> <a href={movie.trailer}>Watch Trailer</a> </li> ))} </ul> </div> ); }
app.get('/api/movies', async (req, res) => { try { const movies = await Movie.find().exec(); res.json(movies); } catch (error) { console.error(error); res.status(500).json({ message: 'Error fetching movies' }); } });
export default Jiorockers2025TeluguMovies;