Skip to content

Latest commit

 

History

History
84 lines (48 loc) · 2.28 KB

README.md

File metadata and controls

84 lines (48 loc) · 2.28 KB

MusicCloud

Description

A fullstack clone of SoundCloud using React, Redux, and Express. View a live demo here:

Features

  • Create, edit, delete, and listen to songs.
  • Create, edit, delete, and listen to albums.

Setup

  1. Clone this repository and npm install at root directory.
  2. Do the following in the backend directory:
    • Create a .env file based on the env.example
    • Run npx dotenv sequelize db:migrate
    • Run npx dotenv sequelize db:seed:all
    • Run npm start in the backend directory.
  3. Run npm start in frontend directory.
  4. Open http://localhost:3000 to view in browser.

Technologies Used:

  • CSS
  • Express
  • Node.js
  • React
  • Redux
  • Sequelize
  • SQLite

Sign Up Page

The Sign up page that includes a demo login.

image

Home Page

The home page after signing in.

image

Library Page

Your personal library which includes links to albums and songs that you own.

image

Songs Page

View all songs on Music Cloud!

image

Albums Page

View all songs on Music Cloud!

image

SongDetails Page

View details of a song, including artist and album details. Also includes the option to edit or delete a song.

image

AlbumDetails Page

View details of an album, including artist and song details. Also includes the option to edit or delete an album.

image

Future Features:

  • Playlists
  • Comments