// This val creates a movie guessing game using the TMDB API. // We'll fetch random movies from different years, present them to the user, and check their guesses. // Tradeoffs: We're using a free API with authentication for better data variety. import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo" import { blob } from "https://esm.town/v/std/blob" const TMDB_API_BASE = "https://api.themoviedb.org/3" const TMDB_IMAGE_BASE = "https://image.tmdb.org/t/p/w200" const headers = { Authorization: `Bearer ${Deno.env.get("TMDB_API_KEY")}`, } async function fetchRandomMovies() { const currentYear = new Date().getFullYear() const movies = [] let chosen = new Set() for (let i = 0; i < 5; i++) { let year = Math.floor(Math.random() * (currentYear - 1940 + 1)) + 1940 while (chosen.has(year)) { year = Math.floor(Math.random() * (currentYear - 1940 + 1)) + 1940 } chosen.add(year) const response = await fetch( `${TMDB_API_BASE}/discover/movie?language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false&page=1&primary_release_year=${year}`, { headers }, ) const data = await response.json() if (data.results.length > 0) { movies.push(data.results[0]) } } return movies } function generateQuizHTML(movies, uuid) { const currentYear = new Date().getFullYear() return ` Movie Release Year Quiz

Guess the Movie Release Years!

View All Guesses

` } function calculateScore(movies, guesses) { return movies.reduce((score, movie, index) => { const actualYear = new Date(movie.release_date).getFullYear() const guessedYear = parseInt(guesses[index]) const difference = Math.abs(actualYear - guessedYear) if (difference === 0) return score + 3 if (difference <= 10) return score + 1 return score }, 0) } function generateResultsHTML(movies, guesses, score) { return ` Quiz Results

Your Quiz Results

Your score: ${score} out of 15

${ movies.map((movie, index) => { const actualYear = new Date(movie.release_date).getFullYear() const guessedYear = parseInt(guesses[index]) const difference = Math.abs(actualYear - guessedYear) let resultClass = "incorrect" if (difference === 0) resultClass = "correct" else if (difference <= 10) resultClass = "close" return `

${movie.title}

You guessed ${guessedYear}, actual year was ${actualYear}

` }).join("") } Play Again | View All Guesses ` } function generateAllGuessesHTML(allGuesses) { return ` All Guesses

All Guesses

${ allGuesses.flatMap(guess => guess.map(movie => ` `) ).join("") }

Movie Title	Guessed Year	Correct Year
${movie.movieTitle}	${movie.guessedYear}	${movie.correctYear}

Back to Quiz

` } export default async function main(req: Request): Promise { const { author, name } = extractValInfo(import.meta.url) const guessesKey = `${author}.${name}.guesses` const url = new URL(req.url) const path = url.pathname if (path === "/all-guesses") { const allGuesses = await blob.getJSON(guessesKey) || [] return new Response(generateAllGuessesHTML(allGuesses), { headers: { "Content-Type": "text/html" }, }) } if (req.method === "GET") { const movies = await fetchRandomMovies() const uuid = crypto.randomUUID() const moviesKey = `${author}.${name}.movies.${uuid}` await blob.setJSON(moviesKey, movies) return new Response(generateQuizHTML(movies, uuid), { headers: { "Content-Type": "text/html" }, }) } else if (req.method === "POST") { const formData = await req.formData() const uuid = formData.get("uuid") const moviesKey = `${author}.${name}.movies.${uuid}` const guesses = Array.from({ length: 5 }, (_, i) => formData.get(`guess${i}`)) const movies = await blob.getJSON(moviesKey) if (!movies) { return new Response("Error: No movies found. Please try again.", { status: 400 }) } const score = calculateScore(movies, guesses) // Store guesses and correct dates const guessData = movies.map((movie, index) => ({ movieId: movie.id, movieTitle: movie.title, guessedYear: parseInt(guesses[index]), correctYear: new Date(movie.release_date).getFullYear(), })) let allGuesses = await blob.getJSON(guessesKey) || [] allGuesses.push(guessData) await blob.setJSON(guessesKey, allGuesses) return new Response(generateResultsHTML(movies, guesses, score), { headers: { "Content-Type": "text/html" }, }) } return new Response("Method not allowed", { status: 405 }) }

whenfilmed