Music Streaming Service App - Design of Spotify-Clone
This app has no copyrights reserved, I've done it simply because I like the web design and seek to recreate it :)
| Highlights | Description |
|---|---|
| Responsive Design: | The App is scalable with width and height change |
| User Authentication: | User will be redirected to the actual Spotify Login-In Page and the verified token would be kept as a state for further data fetching |
| Real Spotify User Playlists: | User Playlists would be recorded and rendered after the successful Login-In (Playlists shown only if the user is already a spotify subscriber) |
| Monthly Recommand Playlists Retrieve: | Monthly Music Recommand Playlist Retrieved with Spotify API and React Context API |
| Subtle Component Hover Effect: | All components have subtle and clean hover effects which help optimise the user experience |
| Syntax | Description |
|---|---|
| Library | React.js with Hooks/Function Component/Context API (State Management) |
| Languages | Javascript/CSS in BEM[4] /HTML |
| Code Editor | Visual Studio Code |
| Hosting | Firebase Hosting Service |
| Database | Cloud Firestore by Google |
| API | Spotify Developer API |
- All code for this project could be found in the 'src' folder.
[1] - ↩
[2] - ↩
[3] - ↩
[4] BEM refers to the Block, Element, Modifier methodology which allows code to be scalable and reusable. ↩