Reels

To Run:

• Navigate to http://reels-movie-app.herokuapp.com/
• Or open index.html using your local file path, or using Live Server. Because script.js is now being served from Heroku, there's no need to run the local express server.

Development:

• This section assumes you have a .env file in your local root directory with the APIKEY variable stored in it.

• Switch to localhost server in script.js, comment toggle lines 19 and 20 like so:

  let baseURL = "http://localhost:5001"; // DEVELOPMENT
  // let baseURL = "https://reels-movie-app.herokuapp.com" // PRODUCTION

• Switch environmental variables to dotenv config in all these files: configuration.js, discover.js, genres.js, and movies.js, comment toggle lines 4 and 5 like so:

  const { APIKEY } = require("./environment"); // DEVELOPMENT
  // const APIKEY = process.env.APIKEY; // PRODUCTION

• use npm run start to launch.

• If modifying SCSS files, in a separate terminal, run npm run watch before working, this will compile the SCSS into CSS in the proper public folder. (don't use the VS Code GUI "Watch Sass" for file structure reasons).

• The production version won't be changed until you follow the steps in the section below (even if you push to our github repo).

Heroku Deployment

This section assumes you have the heroku CLI installed.

• Switch to heroku server in script.js, comment toggle lines 19 and 20 like so:

  // let baseURL = "http://localhost:5001"; // DEVELOPMENT
  let baseURL = "https://reels-movie-app.herokuapp.com"; // PRODUCTION

• Switch environmental variables to process.env in all these files: configuration.js, discover.js, genres.js, and movies.js, comment toggle lines 4 and 5 like so:

  // const { APIKEY } = require("./environment"); // DEVELOPMENT
  const APIKEY = process.env.APIKEY; // PRODUCTION

• Start your work session with heroku login in the command line. This will re-direct you to the browser for credentials, then return to your IDE.

• git remote -v will show you if your project is pointing to the proper heroku remote, which is https://git.heroku.com/reels-movie-app.git (and the ...danil0man/mynder.git address should also be listed as 'origin'.

• After making changes to the code and commiting, use both git push (to push to github) and git push heroku main (to push to heroku). This may take a moment, and will build and deploy the app.