###### tags: `Tips and Tricks` `Tutorials`

# Folder set up

Setting up your folders in important when dealing with Web Developent. When you go to upload the files for a website they have to be all in 1 folder. If you link an image in html to a folder outside of the main websites folder when you go to upload it, the link will no longer work.

Saving the hardache of needing to fix it later you want to set up the structure now.

1. Step 1 would be to deside on where you want to save your projects. Once you have that use the following example on how to set up your folders

* CodingDojo
* Pre-BootCamp
* IntroToProgramming
* AlgoApp
* WebFundamentals
* Git
* HTML
* CSS
* assignment01
* index.html
* index.css
* images
* img.png
* img1.png
* assignment02
* JavaScript

As you can see inside your Coding Dojo folder you will have 2 others and so on. When it comes to a website look at the CSS folder. Inside it there are 2 folders 1 for each assignment or think of them as a website or project. Inside assignment01 folder you can see there are 2 files and another folder that contains 2 images.

Having it neat and organized like this and doing it consistantly means you know right where everything is every time with out question.

## The Why
---
We set up our folders like this for 2 main reasons
1. General Organization. Keeping your system and folders organized allows you to find things easily later on.
2. Github. Once you start using github (if you havn't already), each website requires a different Repository. If you are working freelance and building 2 company websites you don't want their code to be in the same respositories. So starting out from the begining can help keep the habbits up

Having 1 repository for all of Web Fundamentals on Github is fine. As you can think of that as all one company. But each assignment will get it's own folder inside of that.