Hosting on Heroku

[cuianthony]

Currently having trouble with how the project structure differs from online examples. Notably:

• project is split into client and server directories
• each of these have their own package.json, and there is no package.json at the andor-game root

Currently, the Procfile used by Heroku is placed in the server directory, because that's where the server runs. However, it is unclear where the client fits into this picture, and when trying to push to the Heroku remote with this method results in the error No default language could be detected for this app. remote: HINT: This occurs when Heroku cannot detect the buildpack to use for this application automatically., causing the push to fail.

[cuianthony]

Notes:

• package.json is created as a result of using npm in our project. It keeps track of packages that the project depends on (npm itself is a package manager)
• package-lock.json is a "lockfile". Npm generates this whenever you run npm install. The purpose of this file is to be an exact description of the dependency tree that was produced from the npm install execution. This is important because it serves as a base for future installations to reproduce and work off of.
• okay I have no idea why we had a yarn.lock in both client and server directories. Yarn is a package manager that serves as an alternative to npm, I don't think there's a reason to be using both of them? Deleted the yarn lockfiles.
• Great video about webpack: https://youtu.be/GU-2T7k9NfI
• Webpack is used for bundling your project files together. This is especially useful as projects scale in size, and managing imports and dependency relationships manually is much more difficult. Webpack handles all this for you and by generating bundles in a configurable fashion.