Organizing Your Files

This article teaches students how to best use the Projects section to organize files.

Last updated - November 10, 2023

As you complete lessons on Skill Struck, the number of files you have can build up quickly! It is a good idea to keep your files organized so that you can easily find and view your completed work. The best way to keep your files organized is by using the Projects section. You can access Projects by clicking on the icon found on your homepage. 

Project Tools

When you open Projects you will see a list of all of the projects you have created. You will also see different tools you can use to make changes to your projects.

Your project list shows all of the projects you have created. You can see the project name, the number of files in the project, and when the project was last edited. Actions let you make changes to your projects.

• Click the pencil icon to edit or change the name of a project.
• Click the trash can icon to delete a project. This is permanent! Only click this button if you are sure you want to delete a project.
• Click the download icon to download a zip file of your project to your computer. 
• Click the Preview button to preview your project as an actual website. (This works best with HTML and CSS files.)
• Click Open Project to open and work on your project in Voyage.
• To create a new project, click the Create Project button at the top of the screen. Enter a name for the project and click Create.

Files in Voyage

Once you have opened a project in Voyage you can add folders and files to your project. Click the file name above the text editor to show your project files.

The file menu will show the name of the project you have opened, all of the folders and files in that project, and options to edit them all. Click the Change button next to the project name to change projects. To add a new folder click the New Folder icon. To add a new file click the New File icon. You can edit or delete a file or folder by clicking the three dots next to the name and opening the edit menu. 

Organize Your Files

It is important to keep your files organized so that you can easily find and view your completed work. There are many ways you can organize your files. Here are two ideas to help you get started.

• Try organizing your files by lesson. Create a new project for each lesson you work on. Use the titles of the lessons as the project names. Begin a new file for each checkpoint or challenge you work on within a lesson. Use the titles of the challenges as your file names. This is a good option if you will have lots of files to save. Creating projects for every lesson ensures you won't run out of room as you save files.

• Try organizing your files by unit and lesson. This is the most organized way to set up your files.  Create a new project for each unit you work on. Start a new folder for each lesson within a unit. Begin a new file for each checkpoint or challenge you work on within the lesson. Use the title of the challenges as your file names. Save your files to the appropriate folder in your project. 

If you need to link one file to another when using this method make sure the files you are linking are in the same folder.

More Tips

• Project names should be clear and simple.
• Projects will appear in the order you create them. They are not listed alphabetically or numerically.
• Make sure you are saving your files to the correct project. Always double-check your project name and file name before you begin coding.
• File names should be detailed and describe what is in the file. This way, you don't have to open a file to see what is in it.
• Make sure you are using the correct file type before you start coding!
  • HTML files should end in .html
  • CSS files should end in .css
  • JavaScript files should end in .js
  • Python files should end in .py
  • Text files should end in .txt