Moonatics

https://spaceapps-front.vercel.app/

https://www.youtube.com/watch?v=or7-_Yi9mVI

HOW DOES IT WORK? 

The user visits the web application "Space in your eyes" and the first thing he finds is a minimalistic form with moving stars in the background where the user can fill in the following sentence: See X in Y's eyes. X represents what the user wants to see and Y represents the artist in which X will be presented such as Picasso, Van Gogh or Da Vinci. Once the user sets those two variables and clicks "discover", they will be redirected to a loading page where the user will wait until the result is ready to be displayed. Under the hood we are retrieving images from the Nasa image archive related to the user's input (variable "X") using client-side fetch. After those images are retrieved, we send those images and the desired artist style ("Y" variable) to our Flask Python server deployed in Azure so that it can use the clipstyler AI model SDK to process those images into the desired artist style and then send those images back to the client in order to display them to the user. Once the technical part has already worked, we then redirect the user to the results page where we present a comparison of the original image retrieved from the Nasa image repository and the AI processed image that reflects how great artists will see modern things. On this page we store all the displayed data in a Firestore instance so that the same page can be shared through a unique URL recreating the same experience for all new users.

WHAT BENEFITS DOES IT HAVE?

The benefits of our project are that it will not only bring people who love space and its immensity closer to the world of art, but it will bring people who love AI and Tech. It will also bring people who love art closer to space science by learning through an artsy-space experience full of amazing images. 

WHAT DO YOU HOPE TO ACHIEVE?

It is expected that with this project, everyone, from different sectors, could learn and be interested in different scopes that are not necessarily their specialty, hoping we could destroy those paradigms that affirm that there cannot be a good relationship between different areas of knowledge. Also, we´re hoping that children find it amazing to know more about Space, Tech and Art. 

WHAT TOOLS, CODING, LANGUAGES, HARDWARE OR SOFTWARE DID YOU USE TO DEVELOP YOUR PROJECT?

• Python with the flask framework to create the server that would then call replicate.com´s clipstyler´s AI model API.
• Replicate Python SDK to process the input images retrieved from Nasa’s image repository
• ReactJS to develop the Single Page Application where users can interact. 
• Azure Web Apps to deploy with continuous delivery the server built with Python
• Github Actions to continuous integration
• Vercel’s continuous deployment integration
• We used Visual Studio code to write the code needed for the server.
• We used the Windows Subsystem for Linux to simulate a unix environment.
• Github as file version management system
• We used the following languages: Python, Javascript, Css, Scss, Bash and HTML!
• We used Firebase firestore to save all the images related associating them to a UID for sharable purposes.

We made use of NASA's Image and Video Library API which provided us with the data we needed in order to obtain relevant image, video and text data to create the desired functionality and representation of different space topics in the eyes of famous artists. 

NASA's Image and Video Library API was perfect for us since it could work very well with general prompts and give us a lot of results and data which we could filter accordingly, it was an overall great experience getting to know this API.

Space Apps 2022 was definitely a whole new experience. This was the first hackathon for most of our team members and we all had so much fun! We learned so much during this time, and went out of our comfort zone. Since learning about the large number of aerospace projects that NASA has been doing in recent times, we took a dive into art and coding techniques, and so much more. What most inspired us to choose this challenge was that we could be able to show the world that it is not true when people say that “Arts and Technology are enemies”, because in reality, one does not exist without the other, and what a better way to prove this with such an amazing thing as Space is. The approach we did use was having fun while working for the same goals and on the same page. 

We would like to thank Nasa Space Apps Challenge, for opening spaces that promote learning through fun and interesting challenges.

Project repository

• Frontend repo (https://github.com/emanuelalvaradog/spaceapps-front/ )
• Backend repo (https://github.com/eliottvaldes/hackathon-nasa-space-apps/ )

Data

We leveraged NASA’s Image and Video Library API to obtain relevant information based on the user’s input, to obtain the following data:

• Pictures of an event
• Description of said event

Resources

• Firebase documentation ( https://firebase.google.com/docs )
• Replicate documentation ( https://replicate.com/docs )

Software

• Vercel: (https://vercel.com/ )
• Firebase: (https://firebase.google.com/ )
• Github (https://www.github.com/ )
• Microsoft Azure: (https://www.portal.azure.com)
• Python (https://www.python.org/ )
• Windows Subsystem for Linux (WSL) (https://learn.microsoft.com/en-us/windows/wsl/ ) 
• Visual Studio Code (https://code.visualstudio.com/ )
• React (https://reactjs.com)
• JavaScript(https://www.ecma-international.org/publications-and-standards/standards/ecma-262/)
• Replicate (https://replicate.com )

#art #searchengine #spaceimages #software