music app (creative ui)

The app should have two views:
A login view, where users can enter their credentials to log in to the app.
A music gallery view, where users can browse and play songs.
The app should use the following hooks for state management:
useState for managing simple state, such as the current user's login status.
useContext for sharing state across multiple components.
useReducer for managing complex state, such as the list of songs in the music gallery.
The app should have a ready UI:
The login view should have a username and password input field, as well as a login button.
The music gallery view should have a list of songs, as well as a play button for each song.
The app should be accessible:
The app should be accessible to users with disabilities, such as screen readers.
The app should be secure:
The app should use secure passwords and encryption to protect user data.
Here are some additional considerations for the app:

The app could be built using React, a popular JavaScript framework for building user interfaces.
The app could be hosted on a cloud platform, such as AWS or Azure.
The app could be made available on mobile devices, as well as desktop computers.