Share your repls and programming experiences

← Back to all posts
🎶SynthSource: Discover, learn about, create, and share music on a brand new platform!
samdevz (31)

Are you ready to discover new cultures?

Do you want personalized recommendations based on your tastes?

How about fun, educational games that teach you about music?

...and so much more? Well, you've come to the right place!


https://www.synthsourceapp.com/ is a site I developed for the repl.it hackathon. Before you get started, definitely watch the 5-minute demonstration video:

https://www.youtube.com/watch?v=AdaGIsv6jL0

It is STRONGLY RECOMMENDED that you browse the site in a wide Chrome window.

To list a few of the features here, you can:

  • Create music using piano, organ, guitar, drum & cymbal noises (+ more!)
  • Practice your singing and whistling, (and even use it to control the player in one of the games!)
  • Discover new music by simply clicking locations on a map!
  • Find personalized recommendations based on your current interests
  • Explore pieces created by other users!
  • And much, much more.

I can't list it all, so what are you waiting for? Watch the video, visit https://www.synthsourceapp.com/ today, and let me know what you think!


The Details

I created this site completely on my own, on repl.it, over the past few weeks. It was an extremely rewarding experience, and I learned a lot about the power of repl.it 💪, the importance of good design ✨, and best practice when working with APIs 💻.

In case you're wondering, I haven't slept much since June!

This entire project was developed on repl.it starting around July 5th!

While working on the project, I even found a bug and was able to report it to repl.it's team. Cool!


Credits

Although I created the site myself, various libraries, technologies, APIs were used to speed up the process. Here's a list of (all!) of them:

Thanks so much for checking it out! Leave a like or a comment if you've got some feedback, I'd love to hear it :)

Also be sure to check us out on social media for updates & news:
https://twitter.com/synthsource

Commentshotnewtop
amasad (2510)

hey @samdevz -- this is amazing! Congrats :)

I noticed that you had to include the packages in your project, this maybe because of a bug in our packager in Django. That's now fixed and you can go ahead and simply use requirements.txt.

If you have any feedback or bug reports please let me know.

samdevz (31)

@amasad Awesome! This is great news :)

After the judging is finished and we can make changes, I will be sure to update SynthSource to use requirements.txt. I'm really glad the site was useful to you, I had a lot of fun participating in the competition!

hayaodeh (188)

This is so cool! thanks for creating this on Repl.it, I think your app could make some money at some point if you develop it furthermore! did you work on this on your own?

samdevz (31)

@hayaodeh Hi! Thank you so much :)

I did actually create the whole thing on my own, and it was a lot of work but I think I learned a ton in the process. Design has always been very important to me, and the sheer scope of this site really put my CSS and layout skills to the test :)

Honestly, I was a bit scared at the start, but using repl.it was a great choice! It's pretty cool that I was able to make a fairly involved website with accounts, API connections, and a custom domain all from a single repl.

Over the summer, I'm definitely going to keep working on it! And I also hope to document the development process a bit more to help Replers with similarly ambitious projects in mind who might be struggling to get started.

Thanks for checking it out!

amasad (2510)

And I also hope to document the development process a bit more to help Replers with similarly ambitious projects in mind who might be struggling to get started.

@samdevz this sounds great. Looking forward to it.