All language subtitles for 5. Boilerplate Cleanup

This is going to be a pretty quick video where we're really just going in and removing some of that

boilerplate from when we started our project up and then we're going to make sure that the project files

that you should have downloaded are in the correct place for us to begin our project all right.

So I made my icons really big so hopefully that's easier for you guys to see without me having to zoom

it in but you'll see on the desktop I have the project one files they should have been downloaded at

the end of the first section.

They're attached to that last lecture so if you don't have that go back and find that the project 1

files and if you go ahead and extract that it has this folder and inside of this folder we have the

assets folder assets and animations.

So we're gonna go ahead and go into the source folder within our project directory and we're going to

just drop the assets and the animation folder right there.

So you can see that.

So we have the assets and the animations folder inside of the source folder of our arc development project

directory.

So once you have that all we need to do is open up our project directory in your code editor and change

the app file so in my terminal for Mac or your command line on windows I'm going to change into my documents

directory and inside there change into the arc development directory which is where I created the project.

And here I'm just going to run Adam and then a period and that will open up that folder within my code.

ED All right.

And once your code Ed is open we can go ahead and start removing a couple of the default files that

we aren't going to need.

And it will start by going over here and removing this service worker the logo dot SPG the index does

CSX the app dot CSX and the app dot test dot CSX.

We can go ahead and delete all of those.

Now we need to go in and change a couple of the files so in our app dot J.S. file.

So here under the source folder app dot J.S. is the file I already had open.

We can go ahead and remove this entire header tag.

So we're just going to get rid of all of that and inside of this div it's just put.

Hello.

So then we can go up here and get rid of the button from material UI and the logo icon that we deleted

as well as the app does.

Yes yes because we deleted that to you can go ahead and save that app dot J.S. file and then move on

to this index file.

So one of my Adam plugins over here is causing problems so I'll fix that in just a second.

But that shouldn't have anything to do with your environment setup.

And here in the index file we can just remove our index dos RSS.

So we did delete that and we also deleted the service worker

then you can come down and delete this here which is also for the service worker and save that as well.

Again this pop up is just a problem with my pretty or react or pretty or atom plugin but now that we

have that all cleaned up we should be good to go.

Except I did just notice that over here this logo 1 9 2 and a logo 512 we can go ahead and get rid of

both of those under the public directory because those were also for the react boilerplate So with all

of that cleared.

Let's go back to the terminal where we're inside of our project directory and just give then NPM start

to get the development server up which will open up a browser window and we can just make sure that

we see that little hello from the div that we had left in app J.S..

And you can see there it is.

So we are all set to completely from scratch get started building our project starting with the header

in the next video.