Tamilyogi | Maaveeran

// Start the server const port = 3000; app.listen(port, () => { console.log(`Server started on port ${port}`); }); // Import required modules import React, { useState, useEffect } from 'react'; import axios from 'axios';

// Define a route for movie data app.get('/movies', (req, res) => { // Retrieve movie data from database const movies = [ { id: 1, title: 'Movie 1', director: 'Director 1' }, { id: 2, title: 'Movie 2', director: 'Director 2' }, ]; maaveeran tamilyogi

// Send response res.json(movies); });

useEffect(() => { // Retrieve movie data from API axios.get('/movies') .then(response => { setMovies(response.data); }) .catch(error => { console.error(error); }); }, []); // Start the server const port = 3000; app

// Define a functional component for movie list function MovieList() { const [movies, setMovies] = useState([]); { console.log(`Server started on port ${port}`)

// Render movie list return ( <ul> {movies.map(movie => ( <li key={movie.id}> {movie.title} ({movie.director}) </li> ))} </ul> ); }