Create your App’s Files

Since we used a boilerplate, the most important files are already there. These files are:

  • package.json
  • src/index.html
  • src/index.js

We’re going to be using other CSS and Javascript for our project, so let’s add those files now.

gif of following the directions below

  1. Create a new file in the src directory named style.css.
  2. Create a new file in the src directory named renderer.js.

It’s OK that these are empty now, we’ll add more later. Now, link those files to the main index.html by adding the following lines of code to index.html:

  1. Add the following code on a new line after the existing <title></title> tags.

     <link rel=stylesheet type="text/css" href="./style.css">
    
  2. Add the following code on a new line directly above </body>.

     <script type="text/javascript" src="renderer.js"></script>
    
Stuck? Open an issue in the repository for this class and mention @githubteacher for help from one of the GitHub trainers!
Continue