Downloading files

Want a copy of your website's code? Promake lets you download individual files or your entire project. This is useful for backups, sharing with developers, or hosting elsewhere.

Why Download Your Code?

Backup

Keep a local copy of your website for safety.

Share with Developers

Give code to developers for custom modifications.

Hosting Elsewhere

Deploy your website on other platforms.

Learning

Study the code to learn web development.

Downloading Individual Files

Step 1: Open the File

Navigate to the file in the code editor and open it.

Step 2: Download

Look for the Download icon in the toolbar and click it.

Step 3: Save

Choose where to save the file on your computer.

Downloading All Files (ZIP)

Step 1: Open Code View

Switch to the code editor view in your project.

Step 2: Find Download All

Look for the Download ZIP or Export button, usually:

• In the toolbar
• A folder with download arrow icon

Step 3: Download

Click the button and save the ZIP file.

Step 4: Extract

Unzip the downloaded file to access all project files.

What's in the Download?

Included

• All source code files
• Components and pages
• Styles and CSS
• Assets and images
• Configuration files
• package.json

May Not Be Included

• nodemodules (dependencies)
• Build artifacts
• Database content (if any)
• Environment secrets

Using Downloaded Code

For Backup

1. Download the ZIP
2. Store safely (cloud storage, external drive)
3. Re-download periodically after major changes

For Development

If you want to run the code locally:

1. Extract the ZIP
2. Open terminal in the folder
3. Run npm install to get dependencies
4. Run npm run dev to start locally

For Other Hosting

To host on platforms like Vercel, Netlify:

1. Download the ZIP
2. Create account on hosting platform
3. Upload/connect your code
4. Follow platform's deployment steps

File Formats

What You'll Get

| File Type | Extension | Description | | ---------- | ---------------- | ------------------- | | JavaScript | .js, .jsx | Code and components | | TypeScript | .ts, .tsx | Typed code | | CSS | .css | Styles | | HTML | .html | Page structure | | JSON | .json | Configuration | | Images | .png, .jpg, etc. | Graphics | | Markdown | .md | Documentation |

ZIP Structure

project-download.zip/
├── src/
│   ├── components/
│   ├── pages/
│   └── styles/
├── public/
├── package.json
└── README.md

Downloading Specific Items

Single File

1. Open the file
2. Click download icon
3. File saves to your device

Specific Folder

Currently, folders download as part of the full project ZIP.

Images Only

1. Navigate to images in file explorer
2. Download individually, or
3. Download full ZIP and extract images folder

Tips

Regular Backups

Download your project after major milestones:

• Initial build complete
• Before major redesigns
• After adding important content
• Before publishing

Version Naming

Name your downloads with dates or versions:

• mysite-2024-03-15.zip
• mysite-v1.0.zip

Storage

Store downloads in:

• Cloud storage (Google Drive, Dropbox)
• External hard drive
• Version control (GitHub)

Troubleshooting

Download Not Starting?

1. Check popup blocker settings
2. Try a different browser
3. Refresh and try again

ZIP File Corrupted?

1. Re-download the file
2. Try a different extraction tool
3. Check your internet connection

Missing Files?

Some files may be generated at build time and not included in source downloads.

After Downloading

To Edit Locally

You can open downloaded files in any code editor:

• VS Code
• Sublime Text
• Atom
• Any text editor

To Continue on Promake

Downloaded files are a snapshot. Continue editing in Promake – it remains your source of truth.