UC Pocket Reservoir

Presentation Title Slide
Logo
Main Page of Application

Inspiration

We were inspired to work on this project due to the lack of knowledge students held about these resources. Though these resources may seem insignificant to some, they can be vital to many Bearcats. We want to make our campus inclusive to everyone's needs.

What it does

This web application displays the various locations of resources, such as gender neutral bathrooms, printers, tampon dispenser, hand sanitizing stations, etc. It also offers accessible routes to different buildings on campus for people with limited mobility.

How I built it

We first began by laying out the design in Adobe XD. This offered us direction as we moved to coding the app utilizing Next.js framework. We also utilized the Google Maps API to display a map and the resource locations. After building out the site, we deployed it on a heroku server.

Challenges I ran into

We were all very limited in knowledge of hosting a live site on a server and creating a web application. It was a learning curve for us to use unfamiliar technology, especially in a virtual environment. Our ambitious ideas could not fit into the 24 hour timeframe, resulting in a simple web application.

Accomplishments that I'm proud of

Despite the simplicity of the web application and the short amount of time, it runs efficiently with a navigable UI. Even though we didn't have any prior server experience, we were able to get the server and website up and running. We were also able to turn in a fully functional prototype of our design ideas.

What I learned

We learned how to prototype in different technologies such as Figma and Adobe XD. We also learned how to navigate Github and Heroku to share our project and deploy on a website. We also learned about Next.js and how helpful it is when creating a web application rather than using plain Javascript. With the Google Cloud challenge, we were able to access the Google Maps API and learn how to add maps to our project.