MIESTUDIO APP is a music player designed to attend to the emotional, mental and soulish need of man. It is a music app that allows the users the liberty to create their own desired playlists to suit their taste and kinds of music.
MIESTUDIO APP has the following pages:
Landing page:
Welcomes the users into the app and gives a brief description of what the user stands to benefit using it.
Login and sign up page:
This displays a form for user authentication.
Playlist page:
This page enables the users to create and customise their own playlists.
List of songs page:
It contains a pool of different tracks of songs from different artists from which the user can either play directly or add to his/her playlists.
Now playing interface:
It displays with an image of the artist after a song is clicked and starts playing.
Frontend:
React.js
Vite
Backend:
Python
Flask
Firebase
To install and run the Mie-Studio music player app on your local machine, follow these steps:
-
Clone the repository:
git clone https://github.com/tivereidoro/mie_studio_app.git
-
Navigate to the project directory:
cd mie_studio_app
-
Install dependencies:
npm install
-
Run the app:
npm run dev
-
Access the application in your web browser at
http://localhost:5173/orhttp://127.0.0.1:5173/
React.js ---- React basics ---- How to create react app with npx create-react-app name ---- Importing of files ---- React use state ---- The render method
Node.js Python ---- Flask session authentication ---- Flask app versioning
Firebase
---- Token based Authentication
---- Managing Realtime database
---- Storage of media files (audio files) and retrieving them
-
Samuel EIBO -- Github | Linkedin | X.
-
Ebube ONWUTA -- Github | Linkedin | X.
-
Tivere IDORO -- Github | Linkedin | X.
