jameslovescoding/flow

A clone of sound cloud, a music sharing website using AWS S3 storage

Flow

Let the music flow! Flow is the name of this music app.

Project description

Flow is a portfolio project created by me (James Cao) during the App Academy's Full-stack Web Development program. It's a simplified version of Spotify / SoundCloud, two popular music-sharing and streaming apps on the market. But I came up with my own design style in the end. It's just for learning purposes.

Deployed Live Link

The website is hosted on Render:

Flow Live Link @ Render.com

Technologies/Frameworks Used

Backend:

1. Python
2. Flask
3. SQLAlchemy
4. Alembic
5. SQLite3 for dev and Postgres for prod
6. WTForms
7. Flask-login
8. boto3 (AWS S3)

Frontend:

1. Javascript
2. React
3. Redux
4. Thunk
5. react-player
6. HTML5 / CSS3

MVP Core features

I am only aiming to achieve limited features because the time limit for 1 week for the backend and 1 week for the frontend. MVP Core features include:

1. Authentication
2. User Profile - Create, Read, Update, Delete, including User Profile Picture CRUD in AWS S3
3. Song - Create, Read, Update, Delete, including Song Audio and Thumbnail Picture CRUD in AWS S3
4. Comment - Create, Read, Update, Delete

Screenshots

Future Implementation Goals

Possible future features:

• Feature: Bookings
• Bonus: Like
• Bonus: Playlist
• Bonus: Waveform in player
• Bonus: OAuth
• Bonus: Search Bar

Links to My LinkedIn

James Cao @ Linked In

flow's Issues

Add search bar on the top

Add auto rolling for overflow text in the song tile

Add comments and likes count in the song tile

Add owner information in song page

Add the waveform to the player

Add liked songs in collection page

Add Playlist Feature and create independent music player at the bottom.

Add Live Chat using Socket.IO

Add filter and sort function to song list page and collection page

Add Like song feature and cancel like song feature

Add like comment features and sort comment features ( most liked, oldest, newest, etc), show like counts in comment tile