> For the complete documentation index, see [llms.txt](https://quan-1.gitbook.io/interactive-video-grid/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://quan-1.gitbook.io/interactive-video-grid/start-now-get-the-videos-ready./download-the-project-files..md).

# Download the project files.

### Step 2: download the project files.

1. Visit: <https://github.com/soquanchi/interactive-video-grid>;
2. Click on the green "**Code**" button and select "**Download ZIP**"**;**
3. Unzip the file to access the "**interactive-video-grid**" folder. Store or rename it as you prefer.

Your directory should look like:

<pre><code>interactive-video-grid/
├─ videos/
├─ main.js
├─ config.js
├─ styles.css
├─ reset.css
├─ index.html
<strong>├─ LICENSE
</strong>├─ README.md
├─ .gitattributes
</code></pre>

It might seem overwhelming, but you'll only interact with three things:

1. videos/ (video directory)
2. config.js (personalization settings)
3. index.html (start-up file)

**Open the index.html** to verify its functionality.&#x20;

The folder contains only one dummy video, forming not too much of a grid currently. If problems arise, consider using a different browser or reach out to <quanzh4396@gmail.com>.

Now you're ready for configuration.
