[
  {
    "path": ".gitignore",
    "content": ".DS_Store\n.vscode\n# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# production\n/build\n\n# misc\n.DS_Store\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n"
  },
  {
    "path": "README.md",
    "content": "# Course Code & Materials\n\nThis repository contains the course source code and other extra materials like slides.\n\n## How to use\n\nThe code snapshots are organized in multiple **branches** where every branch **represents a course section**.\n\nFor example, the branch [01-getting-started](https://github.com/academind/react-complete-guide-code/tree/01-getting-started) holds all code snapshots and extra materials for section 1 of the course (\"Getting Started\").\n\nYou can switch branches via the branch dropdown above the directory explorer.\n\n![Click on the branch dropdown and then select the appropriate branch for the course section you're looking for](./selecting-a-branch.jpg)\n\nIn most branches, you'll find multiple folders which organize the section-specific content further:\n\n- Often, you'll find a `/code` subfolder which contains any relevent code snapshots for the given course section\n- You also often find `/slides` folders which - guess what - contain the slides for the module\n- `/extra-files` typically contains extra files like `.css` files that might be attached to individual lectures in that course module\n\nThe folder names should generally be self-explanatory but also feel free to simply click around and see which materials are available.\n\n## Using code snapshots\n\nCode snapshots (which you find in `/code`) are there for you to compare your code to mine and find + fix errors you might have in your code.\n\nYou can either view my code directly here on Github (you can open + view code files without issues here) or you download the snapshots.\n\nThe subfolders in the `/code` folder are named such that mapping them to the course lectures is straightforward.\n\n### Downloading code snapshots\n\nYou can download all the content of a branch via the \"Code\" button here on Github. You can then either [clone](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository) the repository or simply download the selected branch content as a ZIP file.\n\n**Important:** You always download the **entire branch content!**\n\nYou can then dive into the interesting folders (e.g. the individual code snapshots) locally on your hard drive.\n\n### Running the attached code\n\nYou can use the attached code simply to compare it to yours. But you can also run it.\n\nTo run my code, navigate into a specific code snapshot folder via the `cd` command in your command prompt or terminal first.\n\nThen run `npm install` to install all required dependencies (this will create a `/node_modules` folder).\n\n**Important:** If you're using the code for a module that requires API keys or a backend (e.g. the module about sending Http requests), you'll have to use **your backend URLs** or API keys. Mine won't work (I disabled my projects)."
  }
]