Garden Support Gallery

Description

In Fall 2024, I developed an immersive gallery site in collaboration with my classmate, Kevin Suresh. This gallery site utilizes an array of technologies to allow anyone to view my WRIT-102 class' work from the comfort of their home.

Tech Stack

This site was built using the following technologies:

- SvelteKit to handle building and routing between pages,

- View360 to enable the embedding of 360-degree panoramic photos

Product

The site has three pages navigable through the top menu: the Gallery, the Explorer, and About. The fourth item in the top menu is a link to the main Saint Francis University page. The first page, the Gallery, is a collection of pictures taken by the students themselves who created the projects. The Explorer page contains three immersive panoramic-photo-viewers that allow visitors to peek into the place the projects were built for. The top photo shows the parking and main gate to the Pavilion Garden, the middle photo shows what lies just inside the gate, and the bottom photo shows the various projects within the pavilion itself. The final page, About, gives a brief synopsis of the purpose of the project and what it sought to accomplish, as well as a class photo.

The site can be viewed at the following link:

https://gardensupportgallery.netlify.app/

Outcome

From this project, I learned how to use the SvelteKit JavaScript framework to build MPA's. SvelteKit is highly popular amongst web development enthusiasts and startups, and for that reason this knowledge will serve me in my career after college. I also learned about the View360 package and how to use it, as well as how to effectively research online about packages that fit my use case and tooling.