/SOUNDTOUCH

Primary LanguageJavaScript

Welcome to SOUNDTOUCH

SOUNDTOUCH is a web application that allows users to listen to songs that touch, in order to discover new music, or listen to old music. The site is meant to authenticate good music and keep the good vibes going. This site was inspired by SoundCloud, where individuals can search for songs, stream music, make playlists, comment on songs, and upload music.

Live link: https://sound-touch.herokuapp.com/

Index

Technologies

Key Features

Code Snippets

Wiki Pages

Stretch Goals

Technologies

Front End

  • JavaScript
  • HTML
  • CSS
  • React/Redux

Back End

  • Built with Express.js
  • Uses a PostgreSQL Database
  • Sequelize.js
  • AJAX
  • Express Validator Library
  • CSURF Library

Key Features

  • Uses bcryptjs library to secure authentication
  • Grants logged in users access to add to favorites, and view their favorites
  • Prevents csrf attacks and uses validation forms to authenticate users

Code Snippets

Wiki Pages

Database Schema

Screen Shot 2021-04-25 at 5 47 08 PM

[Frontend Routes]

User-facing routes

/user/login

Log in Page

This page displays a log in form

  • GET /login
  • POST /login
  • POST /demo-user

/user/logout

  • POST /logout

`/user/sign-up'

Sign up page

This page displays a sign up form

  • GET /sign-up
  • `POST /sign-up'

'/'

This page displays the most recent songs with their artist and album cover, as well as a means to play, pause, rewind, and fast-forward them, on the bottom of the screen.

  • GET /

/upload

This page sets the user up to upload a song with a given audio file, requiring a Title.

  • GET /upload
  • POST /upload

/upload

This page sets the user up to upload a song with a given audio file, requiring a Title.

  • DELETE /delete/:id
  • (Need to refresh the page to delete.)