Flytrap Web

A free, secure, and private cloud service for audio files

Comment

Inspiration

I was reading about good brand names and I thought about the name "Apple" which led me to name this web app after the Venus Flytrap. I also thought about how Google Drive is a free google product with a very unique and amazing design for sharing and linking files. However, Google tends to not honor consumer privacy very well. And Apple has good privacy policies, but they also do not provide much functionality for

What it does

Flytrap lets you store mp3 files and wav files on your user account in an easy-to-use interface.

How I built it

I used Atom then VSCode as my IDE, GoDaddy for the domain and hosting, and GitHub to deploy the code. I also use Cloudflare as a proxy to get a secure certificate and SSL connection.

Challenges I ran into

One problem that I ran into was the lack of HTTP in the beginning. I had not know about Cloudflare, so there was no HTTP connection on my public site. Because of web security, this prevented me from implementing direct audio recording, which requires HTTPS in the browser.

I finally got around this problem by proxying my site through Cloudflare, which provides a free SSL connection in the URL with some extra configuration.

Accomplishments that I'm proud of

I've made all the images on the site myself. I am proud that I have made mobile compatibility, animations, and styles early on.

I'm also proud of being able to convert the PHP code that I used with AJAX into a REST API.

What I learned

I've learned how to take advantage of CSS Grid and how to build a REST API.

What's next for Flytrap

After I finish the conversion to a REST API, I am going to

  • implement direct audio recording
  • integrate with Borum
  • allow audio editing
  • allow multiple audio tracks for one audio file
Share this project:

Updates