SoundTok, a place to share your sound

https://soundtok.live

Anyone, from the casual listener and discoverer of new music to the veteran producer, will find a community on SoundTok. Put together a new track by uploading audio files from your computer or loading from saved drafts and layering different sounds and effects. Once you're satisfied, post the song with a description, image, and hashtags so others can discover your music through the feed or search bar. Keep your profile up to date, so others know who you are as an artist.

Nav Bar
Studio
Feed
Hashtag Page
Profile
Schema
Authentication
Tech Stack
Contributors

Navigation Bar

Users can search for other users (i.e. @maggie) or hashtags (i.e. @cats). This allows members of SoundTok to view other projects and posts on the user's profile page or on the separate hashtag page.

Studio

The studio allows Soundtok users to remix their creations and download them into an MP3 which can later be posted on the feed. Music effects include layering, reverbe, fade in/out and trim

Feed

Main Features

Post music by uploading an audio file, loading from drafts, or putting together a track in the studio
Posts include can include a title, description (limited to 140 char), and image
Explore others' musical projects, which are sorted with most recently posted on top
Discover relevant music and artists when clicking on a hashtag
Remix songs that pique your interest directly in the studio
Save unfinished posts to drafts to revisit later
Delete posts after publishing

Hashtag Page

Main Features

When a user clicks on or search for a hashtag, renders a list consisting of every post which contains the same hashtag
Posts include project title, audio length, profile picture, username, and an expandable description
Re-render the posts content when a user searches other hashtags from the page
Add animated wave effect

Profile

Main Features

View user's profile picture and biography
Edit own profile picture and biography
View list of user's posts with relevant details
View list of own drafts with relevant details
Delete own songs and drafts
Remix selected song directly in the studio

Schema Design

The server utilizes a Postgres database on the backend with minimal JavaScript transformation. Developers can test API endpoint responses and expected data shapes directly in Postman using our Soundtok API documentation.

Authentication

Soundtok utilizes Auth0 for user account creation. Users can choose to login with social media or with their email. Account data is safely secured in the database and sensitive data (such as passwords) are securely encrypted in Auth0.