Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ribin-baby/music-webapp

Music streaming website, using python and flask
https://github.com/ribin-baby/music-webapp

flask music python webapp

Last synced: 13 days ago
JSON representation

Music streaming website, using python and flask

Awesome Lists containing this project

README

        

# _Music Streaming webapp_

[![python](https://www.python.org/static/img/python-logo.png)](https://www.python.org/downloads/)

[![Flask server](https://flask.palletsprojects.com/en/2.2.x/_images/flask-logo.png)](https://flask.palletsprojects.com/en/2.2.x/)

This is a simple music streaming website, developed using python, flask server, HTML and CSS.
```py
Tested on python 3.7.6
```
How to run:
1. first move to the project folder
```sh
cd ./music-webapp
```
2. install required python packages using `pip`
```py
pip install -r requirements.txt
```
3. run the python script from terminal
```sh
python3 run.py
```
4. open browser and type this URL
```html
http://localhost:8080/
```
## DEMO VIDEO
---
[![Final DEMO video](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/11.png)](https://www.youtube.com/watch?v=x1Jx9ohHuhw)

## Features

- Added login and logout functionalities.
- Created a home page to display song list.
- Created my-album page to show user's uploadings.
- Create functionality to upload new songs to the platform (only MP3 files).
- created unique URL endpoints for each songs.
- a user can play and download any songs uploaded by any user from this platform.
- and the user can delete his uploadings.

1. ### login page
[![img](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/2.png)](https://github.com/Ribin-Baby/music-webapp)

2. ### create account page
From here users can create new account, so they can login to this platform and use it.
[![img](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/3.png)](https://github.com/Ribin-Baby/music-webapp)

3. ### Home Page
This is the home page , we can scroll through all the available songs in the platform and also can search and find a song with song title or artist name.
[![img](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/4.png)](https://github.com/Ribin-Baby/music-webapp)

4. ### My Album page
Here we can see all our uploadings to the platform. we can also upload new songs to the streaming paltform.
[![img](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/7.png)](https://github.com/Ribin-Baby/music-webapp)

5. ### unique URL landing page for each songs.
we can play, download, and delete songs from here.
Deleting a song is onl possible if it is uploaded by the same user.
[![img](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/8.png)](https://github.com/Ribin-Baby/music-webapp)

6. ### code directory structure
[![img](https://raw.githubusercontent.com/Ribin-Baby/music-webapp/main/junks/1.png)](https://github.com/Ribin-Baby/music-webapp)

> ###### THE END