SonicCloud - A portfolio clone of SoundCloud

👉 Live Site

SonicCloud is a fullstack clone of SoundCloud which allows enrolled users to enjoy, and contribute original music creations and inspirations.

On SonicCloud, you can:

• Browse/Listen to/Create/Edit/Delete songs (MVP Feature)
• Browse/Listen to/Create/Edit/Delete albums

SonicCloud Wiki

db Schema

API document

Redux State Shape

Feature List

Built with

• JavaScript
• CSS
• React
• Redux
• SQLite
• PostgreSQL
• Heroku
• GitHub

How to run it locally

• git clone the project
• cd to "backend" and "frontend" folder, run - npm start- in terminal

To build up a local database

• run below codes in order in "backend"'s terminal
• dotenv npx sequelize db:migrate
• dotenv npx sequelize db:seed:all

Usage

• User can signup and login to use SonicCloud.
• A demo user is created for first-time user to experience the website

Public Views with limited features

Home page

Public page for Albums

Public page for Songs

Singup / Demo Login

Demo Login

Signup page

Logged-in user

Album/Song detail page

My Playlists