> For the complete documentation index, see [llms.txt](https://rpeltz.gitbook.io/portfolio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rpeltz.gitbook.io/portfolio/projects/hackathon-projects/prototype-for-hackathon-3d-project.md).

# Prototype for Hackathon 3D Project

<figure><img src="https://320946203-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsIsDrn266jEHtiYlP71n%2Fuploads%2FFspITBV5XTOT7pJPy3ak%2Fphoto-cube-3d.png?alt=media&amp;token=4f8df746-2857-416c-b058-8c84c8aef055" alt="" width="174"><figcaption><p> 3D Photocube on cell phone</p></figcaption></figure>

### 3D Photocube

Open the link below on your cell phone to spin the photo cube with your fingers.  The code used to create the photo cue is also shown below.

[3D Photo Cube prototype](https://bright-mousse-6903a7.netlify.app/)

[Code](https://github.com/rebeccapeltz/three-test)

### Description

This prototype was created as part of a team project for a hackathon sponsored by my employer, Cloudinary, for employees only.

### Tools/Technology

I used the NPM [three](https://www.npmjs.com/package/three) package to create a 3D photocube.