Code From Class: Wednesday, March 6th

This is all the code from our in-class example as it was at the end of class on Wednesday, March 6th.

I encourage not just copying and using this but comparing it with your own local work instead so you can clean things up and figure out what is missing!

Note that you can download the source zip for this release to get a local copy of all the code. The movie poster images are NOT included. Please download those from Canvas and place them in /public/images for the img tags to work.

Bundling Bootstrap

These latest changes go BEYOND what we did in class to add the following:

• Bootstrap is now bundled as an internal dependency
  • The bootstrap package was installed with npm
  • Bootstrap's CSS file is included inside index.js (now called movieBrowser.js in the client folder)
  • The bootstrap modal is imported just like all other modular files
  • The bootstrap CSS link is replaced with the CSS file generated by esbuild when it bundles
  • The bootstrap JS script tag is removed (it can now be found inside our own bundled JS)
• The JSON movie data was updated to include movies from 2023 and 2024

I meant to cover these things in class on Wednesday but ran out of time. I will cover them when we get back from spring break but feel free to examine them now!