LukeberryPi

• npm install was broken because the dependency node-sass. changing to the sass LTS fixed it.
• create-react-app is no longer recommended by the React team. for the next SPA we build, we can consider using Vite instead. this will provide better compatibility with commonly-used libraries and might avoid future bugs.
• the implementation doesn't satisfy the user stories, I was unable to search for movies or see a list of movies in the home page. currently i see only an empty state.
• the fetch url is incorrect, this can be improved by using a single source of truth (from constants.js, for example) and testing your code before opening a pull request.
• there is no linter configured, which results in irregular code styles in the codebase (e.g.: both single and double quotes, uneven tab spaces, lack of semi-colons, etc...). it would also prevent other issues in your code, such as unused variables, unused functions, and empty functions.
• there is room

LukeberryPi

/*
disable backdrop/background scroll when there is a modal/dialog open
this depends on having the open attribute on the dialog itself
more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
*/

dialog::backdrop {  overflow: hidden; }  body:has(dialog[open]) {  overflow: hidden;  pointer-events: none; }  dialog[open] {  pointer-events: auto; }

LukeberryPi

\documentclass[a4paper,10pt]{article}
\usepackage[margin=0.5in,nofoot]{geometry}
\usepackage{fontawesome5}
\usepackage{hyperref}
\usepackage{titlesec}
\usepackage{xcolor}

\hypersetup{
    colorlinks=true,
    linkcolor=blue,

LukeberryPi

import { useEffect, useState } from 'react';

export default function useDebounce(value: string, delay: number) {
  const [debouncedValue, setDebouncedValue] = useState(value);

  useEffect(() => {
    const handler = setTimeout(() => {
      setDebouncedValue(value);
    }, delay);

LukeberryPi

{
  "workbench.colorTheme": "Vesper",
  "workbench.iconTheme": "chalice-icon-theme",
  "editor.fontSize": 15,
  "editor.fontWeight": "300",
  "terminal.explorerKind": "external",
  "terminal.integrated.fontSize": 20,
  "terminal.integrated.fontWeight": "300",
  "editor.glyphMargin": false,
  "editor.fontFamily": "JetBrains Mono",

LukeberryPi

  const createRange = (len, start = 1) =>
    Array(len)
      .fill(0)
      .map((_, i) => i + start);

LukeberryPi

javascript:(function(){
  allowCopyAndPaste = function(e){
  e.stopImmediatePropagation();
  return true;
  };
  document.addEventListener('copy', allowCopyAndPaste, true);
  document.addEventListener('paste', allowCopyAndPaste, true);
  document.addEventListener('onpaste', allowCopyAndPaste, true);
})(); 

LukeberryPi

export const isTouchable = () => {
  const userAgent = window.navigator.userAgent;
  return (
    !!userAgent && userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i)
  );
};

export const isIphone = () => {
  return (
    !!navigator.platform &&

LukeberryPi

// Zed settings
//
// For information on how to configure Zed, see the Zed
// documentation: https://zed.dev/docs/configuring-zed
//
// To see all of Zed's default settings without changing your
// custom settings, run the `open default settings` command
// from the command palette or from `Zed` application menu.
{
  "features": {

LukeberryPi

{
  "files.autoSave": "onFocusChange",
  "editor.formatOnSave": true,
  "workbench.colorTheme": "Gruvbox Dark Medium",
  "workbench.iconTheme": "gruvbox-material-icon-theme",
  "editor.fontSize": 16,
  "terminal.integrated.fontSize": 16,
  "explorer.confirmDragAndDrop": false,
  "editor.minimap.enabled": false,
  "breadcrumbs.enabled": false,