How to Download Your Project

How to Download Your Project

This tutorial explains how to download your project as a ZIP file so you can access all your files locally or upload them to another platform such as a content management system or web builder.

Step 1: Locate the Download Option

  1. Open your project in the editor.

  2. Scroll to the top right corner of the editor interface.

  3. Click the Download button.

[screenshot: showing the “Download” button in the top-right corner of the editor]

Step 2: Prepare and Download the ZIP File

  1. Once you click Download, the system will begin preparing your ZIP file package.

  2. After processing, you’ll see an option labeled Download Package.

  3. Click Download Package to start the download.

[screenshot: “Download Package” button after the ZIP is prepared]

Step 3: Locate and Extract Your Downloaded Project

  1. Once the download is complete, navigate to your Downloads folder or the location where your browser saves files.

  2. Locate the ZIP file of your project (e.g., my-project.zip).

  3. Move the file to your desired location, such as your desktop.

  4. Right-click the ZIP file and select Extract All or use your preferred extraction tool.

[screenshot: downloaded ZIP file on desktop and extraction process]

Step 4: Review the Extracted Files

After extraction, open the folder to view your project files. You will find:

  • HTML – your main web page structure.

  • CSS – style files controlling page design and layout.

  • JavaScript – files handling interactivity and functionality.

  • Images – all media assets used in your project.

[screenshot: extracted folder showing HTML, CSS, JS, and image files]

Step 5: Use Your Project Files

You can now upload these files to any external web hosting platform, content management system, or website builder that supports custom HTML uploads.

And that’s it! You’ve successfully downloaded and extracted your project, ready to use it anywhere you choose.