https://github.com/kentico-ericd/kontent-deno-vr
A sample website built on Deno and Alosaur with VR implementations
https://github.com/kentico-ericd/kontent-deno-vr
alosaur deno kontent vr
Last synced: 2 months ago
JSON representation
A sample website built on Deno and Alosaur with VR implementations
- Host: GitHub
- URL: https://github.com/kentico-ericd/kontent-deno-vr
- Owner: kentico-ericd
- License: mit
- Created: 2020-05-25T13:41:51.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-09T14:58:05.000Z (almost 6 years ago)
- Last Synced: 2025-08-25T21:35:09.501Z (10 months ago)
- Topics: alosaur, deno, kontent, vr
- Language: TypeScript
- Homepage:
- Size: 4.31 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
## Deno VR sample project
### Installation
1. [Install Deno](https://deno.land/#installation) and clone this repo.
2. Create a new blank project in Kontent, then [download the template](https://github.com/kentico-ericd/kontent-deno-vr/raw/master/kontent-deno-vr-template.zip).
3. Import the template via [Kontent Template Manager](https://kentico.github.io/kontent-template-manager/import) using the __Project ID__ and __Management API Key__ found in Project Settings > API Keys.
4. After importing, ensure that all content items in the project are Published
5. Connect the application to your project by creating a `.env` file and adding your __Project ID__:
`PROJECT_ID=79ef36c6-e9aa-0100-8ead-3ec7363e98d6`
6. Run the project by entering the following command from the /source directory
`deno run --allow-net --allow-write --allow-read --allow-env --config ./tsconfig.json alosaur.ts`
7. You can now access the site at `localhost:8000`.
### Website features
This repo illustrates a basic real estate website built on Deno and uses pure REST (via [ky](https://deno.land/x/ky)) to obtain data from Kontent. All content items are loaded into memory on the first request, and can be filtered using a search bar in the header.
There is also a VR implementation using equirectangular images, [three.js](https://threejs.org/), and [panolens.js](https://pchen66.github.io/Panolens/). When viewing a property on the site, you can click on a Tour to open a panoramic 360° image.
The image can be viewed on a computer by dragging the mouse, but also supports viewing on mobile devices supporting stereoscopic images such as Google Cardboard.
Each Tour can also have any number of Infopoints, which are three-dimensional Points of Interest superimposed on the image. They can contain text, images, and links which highlight important parts of the property.
