Untitled

import { useState } from 'react'
import reactLogo from './assets/react.svg'
import './App.css'

function App() {
  const [count, setCount] = useState(0)
  const animeList = [" Death Note"," Attack on Titan"," Naruto / Naruto Shippuden"," Boruto"," Hunter X Hunter"," Full Metal Alchemist: Brotherhood"," Death Parade"," One Punch Man"," Tokyo Ghoul"," Mob Psycho 100"," Cowboy Beebop"," Spy X Family"]
  const movieList = ["Your Name"," A Sient Voice","The Garden of Words"]
  return (
    <div className="App">
      <h1>Anime Watchlist</h1>
      <table>
      <tbody>
          <tr>
          <th>
            Anime
          </th>
          <th>
            Movies
          </th>
          </tr>
          
        {
          animeList.map((name,key) => {
            return (
              <tr key={key}>
                <td>{name}</td>
              </tr>
            )
          }
          )
        }
        {
          movieList.map((name,key) => {
            return (
              <tr key={key}>
                <td>{name}</td>
              </tr>
            )
          }
          )
        }
        </tbody>
      </table>
      <p className="read-the-docs">
        Click on the Vite and React logos to learn more
      </p>
    </div>
  )
}

export default App