Tags for Talking: Our Projects

About Our Projects

   One of the main aspects of our designs is the bracelet tags. Originally, we had intended for the tags to be passed on from person to person; if you saw someone struggling, you would give them the tag. The tag would have your phone number on it, so that person would be able to contact you if they wanted to reach out. However, we later reconsidered the logistics of this design. It became apparent that the bracelets themselves should not provide the method of communication. Instead, we would design a website which would let young people talk to like-minded peers about what they are going through. Our plan evolved into what it is now: the bracelets as a symbol of support, and the website as an avenue of communication. This way, you can show support for mental health by wearing the bracelet tags, and talk privately about mental health issues on the website. Again, however, we are not professionals, and this should not be used in place of professional help. See the home page of this website for professional mental health resources.

Bracelet Tags

   The bracelet tag underwent many alterations before it evolved into the newest, most improved model. Natalee was the designer of the tag, and her goal was to create a tag which attached to the bracelet easily and comfortably. It took many measurements and trial-and-error, but eventually she created a tag that fits on any standard rubber bracelet. The tag continued to undergo small changes, such as the rounding of its edges to decrease discomfort. To further increase the comfort, our team was provided with flexible filament for the 3D printer, which enabled us to create bracelets that were more comfortable for the wearer. Recently, we have added affirmations to our tags, and we have added a QR code on the back which acts as a direct link to this website.

   To request a bracelet tag, you can access a Google Form in the Contact page here.
Bracelet Tags

Tags for Talking Website

   To create our website (tagsfortalking.com), we utilized a few different services. The website started out on Github using Github pages. We specifically chose Github because it allowed us to access the editor at any time without restrictions. Github also worked the best with hosting the website, as it automatically built and published the website every time we saved a change. After starting to work on the website, we realized that we did not like the default domain name (URL) that Github had assigned us, so we created a custom URL through Github. In doing so, we had to find a Domain Name System (DNS) to host the new name; Google Domains seemed to be the best option for this. Google Domains now hosts the URL of our website and redirects the URL to the Github build of our website.

   The entire website was built by Kacie and Jonah using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). After getting the setup of the website figured out, we started into the code itself. Since we had decided to code everything from scratch, we had to figure out the layout of the website and how to implement the features we wanted. We did this using CSS, where we could specify the different style of each element in the site. As per the chat aspect of the site, we used Pusher's Chatkit service to build the backend of our service.