📝 Spruce up the Readme

main
Alexis Drai 2 years ago
parent 22a89615d8
commit e4a2b7d751

@ -1,4 +1,4 @@
# Apple Music Clone
# Apple Music Clone
## Project Overview
@ -8,47 +8,77 @@ sophisticated UI to control their playback.
This clone does not.
Apple Music Clone is an application built on the .NET MAUI (Multi-platform App UI)
framework. It focuses on the `Library` "master-detail". As of the 20th of May 2023,
it is a _façade_: only the View part of the project is serviceable.
framework. It attempts to follow an MVVM architecture pattern. It focuses on the
`Library` "master-detail".
## The View
* ### :lipstick: The View
As of the 20th of May 2023, it is a <em>façade</em>: only the
View part of the project is serviceable.
* ### Library ("master")
*Please note that the screenshots below were taken before the small fixes introduced
in [5822a90b81](https://codefirst.iut.uca.fr/git/alexis.drai/AD_MAUI/commit/5822a90b81f06c3c542e616b21cad81b62097cc4)
and in [f7325225a9](https://codefirst.iut.uca.fr/git/alexis.drai/AD_MAUI/commit/5822a90b81f06c3c542e616b21cad81b62097cc4).*
<img src="./docs/light_en_lib_up.png" height="700" style="margin:20px">
<img src="./docs/light_en_lib_down.png" height="700" style="margin:20px">
<br>
<img src="./docs/light_en_alb_up.png" height="700" style="margin:20px">
<img src="./docs/light_en_alb_down.png" height="700" style="margin:20px">
<br>
<img src="./docs/dark_fr_lib_up.png" height="700" style="margin:20px">
<img src="./docs/dark_fr_lib_down.png" height="700" style="margin:20px">
<br>
<img src="./docs/dark_fr_alb_up.png" height="700" style="margin:20px">
<img src="./docs/dark_fr_alb_down.png" height="700" style="margin:20px">
<details><summary> more details... </summary>
Users can browse a `Library` of `Album` and select any album to inspect.
* #### Library ("master") 💐
* ### Album ("detail")
Users can browse a `Library` of `Album` and select any album to inspect.
Users can browse an `Album` of `Songs`.
* #### Album ("detail") 🌻
* ### Dark/Light theme
Users can browse an `Album` of `Songs`.
This clone replicates the original dark/light themes by Apple music.
* #### Dark/Light themes 🌙 ☀️
To test this, you can change your device's (or your emulator's) display
This clone replicates the original dark/light themes by Apple music.
To test this, you can change your device's (or your emulator's) display
setting to dark/light theme.
* ### `i18n`: `en`, `fr`
* #### `i18n` 🇺🇸 🇫🇷
This clone supports two locales: English (by default), and French.
This clone supports two locales: English (by default), and French.
To test this, you can change your device's (or your emulator's) primary language
To test this, you can change your device's (or your emulator's) primary language
settings to English/French.
* ### Bottom bar
* #### Top bar ☝️
In Apple Music, a stylish, slightly transparent top bar contains certain menu
options, and displays the name of the current
section once the user has scrolled past the corresponding header.
In this clone, the top bar is left at the OS default.
In Apple Music, a consistent, stylish, slightly transparent bottom bar allows
* #### Bottom bar 👇
In Apple Music, a consistent, stylish, slightly transparent bottom bar allows
navigation between different views, and paying songs.
In this clone, the bar is just eye-candy, and not even a little bit transparent.
In this clone, the bar is just eye-candy, and not even a little bit transparent.
* ### Top bar
</detail>
In Apple Music, a stylish, slightly transparent top bar contains certain menu
options, and displays the name of the current
section once the user has scrolled past the corresponding header.
* ### 🖖 The ViewModel
A very basic ViewModel is in place, and for now it simply provides some sample data.
* ### :necktie: The Model
In this clone, the top bar is left at the OS default.
A very basic Model is in place, to help the ViewModel supply some sample data.
## Installation

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

Loading…
Cancel
Save