SpookScanner

Background

Inspiration

We were inspired by Google Reverse Image technology and Photoshop tools.

What it does

This is Spookscanner, a serverless image processing/ object detection website. This website detects black-listed objects and returns them whether they are there or not (Pumpkin, Ghost, Zombie). Additionally, the website has a convenient image processing feature for ease of access in case

How we built it

We built it using html, css, and javascript. We implemented some Python into the editing portion.

Challenges we ran into

Our main challenge was that it was very time-consuming. We also had trouble with some text alignment issues at the very end. Most of us did not know html, css, javascript, or python prior to this project so it was a very fun challenge in learning these languages.

Accomplishments that we're proud of

We were proud of everything that we have done. Again, some of us did not know these languages that we used beforehand, and to see our website come to life like this, is amazing to see.

What we learned

We all learned a new language today. We learned the functionality of a lot of unique tools that each language has to offer. We also learned a lot about Google Cloud.

What's next for SpookScanner

We want to be able to connect our Python editing program to a web interface and then eventually to our original html files. We then want to somehow implement the reverse image search into our SpookScan tool to find similar images.

Built With

Submitted to

CodeQuantum
- Winner Beginner Track

Created by

I worked on developing the HTML, CSS, and Javascript code. I also deployed the code onto a server and GitHub. I learned a lot about Google Cloud functionality. (:

Ryan Longoria
I worked on integrating the HTML, and graphically enhancing the Front end. I also drew up all the assets for this project. I learned a lot about Google Cloud functionality and how HTML can interact with other languages (Python, Java).

Cris Lopez
sophmore @UTSA
I worked on the backend part of the project. Use Google Cloud Functions to implement the image processing logic and Google Cloud Storage to save the images. Great experience.

Xue Li
Collaborated on the front-end design using HTML and CSS and helped adjust details to enhance the overall look of the project. Overall, great experience working with Google Cloud Storage.

Jennie