RacoonTunes is a soundcloud clone, it is an audio distribution platform and music sharing website that allows users to upload, share, and stream music.
- React
- Redux
- JavaScript
- Rails
- Postgresql
- CSS
- AWS
- User can create a song by including its title, genre, description as well as a picture and mp3 file
- In the discover page the songs are organized by genre
if(!this.props.songs) return [];
const { songs } = this.props;
let randbSongs = [];
let rapSongs = [];
let rockSongs = [];
let popSongs = [];
songs.map((song) => {
switch (song.genre) {
case "Hip-Hop & Rap":
rapSongs.push(song);
break;
case "R&B & Soul":
randbSongs.push(song);
break;
case "Rock":
rockSongs.push(song);
break;
case "Pop":
popSongs.push(song);
break;
}
})
- When a song is successfully uploaded the user is redirected to the song show page
- User can navigate to song show page by clicking the picture on the discover page
- Song information is displayed on page with the audio player to play the mp3 file