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.

Table of Contents

Navigation Bar

Studio

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

Screen Recording 2022-03-04 at 7 23 01 PM

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

BOC_hashtag

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

GIF TO BE ADDED

Schema Design

Screen Shot 2022-03-05 at 12 14 01 PM

The server utilizes a Postgres database on the backend with minimal JavaScript transformation.

Authentication

Tech Stack & Libraries

Deployment/Utility

Core Tech

Libraries

Contributors

@xoxohorses - Product Manager/Software Engineer (Feed, Design, Project Management) LinkedIn

@roastnewt - Architecture Owner/Software Engineer (Deployment, CI/CD, Studio drafts) LinkedIn

@imperium11 - UI Owner/Software Engineer (Studio, Design) LinkedIn

@Maggie-Mango - Software Engineer (Database design, Deployment, API tests) LinkedIn

@rita0927 - Software Engineer (Soundbar, Hashtag page, tests) LinkedIn

@yuanqiwang - Software Engineer (Authentication, Navigation bar/search) LinkedIn

@rickkunz - Software Engineer (Profile page) LinkedIn