Setup Guide

Step 1 — Download & Extract

After purchase, click the Download Source Code (ZIP) button on the success page. Save the ZIP file to your computer, then extract it:

• Windows: Right-click the ZIP → Extract All
• Mac: Double-click the ZIP file
• Linux: unzip filename.zip

Step 2 — Open the Project Folder

After extracting, you'll see a folder with the project files. Open it — you should see an index.html file along with css/, js/, and possibly assets/ folders.

Step 3 — Run the Project

All our projects are built with plain HTML, CSS, and JavaScript — no installation required.

Option A — Open directly in browser (quickest):

Double-click index.html to open it in your default browser. The project will run immediately.

Option B — Use VS Code + Live Server (recommended):

1. Download and install VS Code
2. Open VS Code → File → Open Folder → select the project folder
3. Install the Live Server extension (search in Extensions panel)
4. Right-click index.html → Open with Live Server

Step 4 — Customize the Project

Open any file in VS Code to start editing:

• index.html — main structure and content
• css/style.css — colors, fonts, layout
• js/main.js or js/app.js — functionality and logic

Change text, colors, images, and features to make it your own.

Step 5 — Deploy Your Project Online

To put your project live on the internet, use one of these free options:

GitHub Pages (free, easiest):

1. Create a free account at github.com
2. Create a new repository and upload your project files
3. Go to Settings → Pages → select main branch → Save
4. Your site will be live at https://yourusername.github.io/repo-name

Netlify (free, drag & drop):

1. Go to netlify.com and sign up
2. Drag your project folder onto the Netlify dashboard
3. Your site is live instantly with a free URL

Common Issues

Images not loading? Make sure image paths are relative (e.g., images/photo.jpg not C:\Users\...).

JavaScript not working? Open browser DevTools (F12) → Console tab to see error messages.

Styles not applying? Check that the CSS file path in <link> tag matches the actual file location.

Need More Help?

Email us at niksprojectss@gmail.com with your transaction ID and describe the issue. We'll help you get it running.