Checkpoint: Shipping a Project

Question 1 of 5

• Vercel served the source index.html instead of the build. Check the framework preset is Vite and the output directory is dist.
• React 19 is not supported on Vercel yet.
• main.jsx must be renamed to main.js for production.
• The app needs a vercel.json rewrite to /src/main.jsx.

Question 2 of 5

• `bg-${active ? "indigo" : "slate"}-600`
• active ? "bg-indigo-600 text-white" : "bg-slate-100"
• "bg-" + color + "-600" with color from props
• style={{ className: "bg-indigo-600" }}

Question 3 of 5

• The array of movies.
• The selected filter.
• The number of unwatched movies.
• The text typed in the add form, inside AddMovieForm.

Question 4 of 5

• Nothing until you merge, because only main is built.
• A production deploy of the branch, replacing the live site.
• A ZIP file of the build to send to your friend.
• A preview deployment with its own URL, posted on the pull request.

Question 5 of 5

• Writing the movies to localStorage whenever they change.
• Computing the list of visible movies from the filter.
• Clearing the title input after the user submits the form.
• Adding a movie when the form is submitted.