It's spooky season! The supernatural is par for the course. This project incorporates my fascination with computational creativity as well as how art and language is used and arranged, especially in a digital landscape. With a hackathon geared toward people of marginalized genders, I wanted to work on a platform that places emphasis on creative productions. I want the public to easily share and create art, one in a form that is inclusive, intriguing, and insightful.
What it does
This web-based application allows users to create an account, sign in, and sign out. Users can initiate communication with "spirits" by sending any line of text. They can delete a text entry by clicking "Remove." Next is uploading image(s), where users have the convenient options of uploading from local files, a web address, the device camera, Google Drive, Facebook, etc. Note: users should be sure to click "Advanced" in the bottom left corner and add "13" as the image tag. 13th, like all other cats (*like all other cats from Earth), needs to be bugged a little to do something sometimes. Since 13th can travel through different dimensions or layers of the spirit realm, and since different kinds of spirits, with various levels of perceptions, strengths, and abilities, live in these planes, there are several ways the text and images users upload are altered. A random text is selected to be paired with the image(s) uploaded - for a different text, users may add some more messages. These altered creations are able to be viewed instantaneously. Moreover, users are able to save them to their device. There's also a light mode and dark mode for the UI!
How I built it
server folder, or common code that runs in both environments; hence, it is able to run on both. The client can access MongoDB through minimongo. Cloudinary, a cloud-based media manager, provides comprehensive APIs and administration capabilities. Cloudinary provides URL and HTTP based APIs that were integrated into this development framework. Images were programmatically altered through Cloudinary's dynamic URL transformations. Other technologies used include React, Formik, ChakraUI, Google Cloud (for deploying MongoDB database on Cloud Cluster), and Galaxy.
Challenges I ran into
As someone working alone and working with a language not in my domain of expertise and using multiple new frameworks/technologies, I encountered several roadblocks. I also learned, along the way, that many Meteor methods and conventions featured in official documentation and YouTube videos had been deprecated, so I had to innovate a near-uncomfortable-amount of solutions.
Accomplishments that I'm proud of
What I learned
What's next for 13th's Letters
I plan on integrating more social and sharing functions! I also would like to extend the range of transformations that can be randomly done to user-uploaded images and text.
Log in or sign up for Devpost to join the conversation.