There are some several problems on each search page that might cause some confusion to users.

For example

• When user had filtered with some parameters and do pull refresh. Filter's parameters had disappears and result had reset to initial state.
• When user had filtered songs. Got new results. Go back to home. Come back to song search. It reset to initial state.
• When try to input text on search bar, close search bar and switch back to search again. text input had disappear

Those issues are cause from incorrect state control. This task might be complex because need to refactor code and redesign state so can work with navigation too.

On Android is called App Shortcuts
On iOS is called 3D Touch: Quick Actions
It looks useful and nice to have for faster and fewer step to access specific search page. With some PoC so I found that react-native-app-shortcuts work well for android. But I'm not sure about iOS. Maybe I'll continue some research.

Display other PV when original is not exists (Example https://vocadb.net/S/197373)
Maybe can hide (expandable) when original exists for more space.

Some song's thumbnail url contain http with is cannot work on ios because its allow only https.

Solution for now might do replace http to https when try to transform in songSelector.

Some song one artist can perform multiple role. For example https://vocadb.net/S/196579

Currently seems to be using "Exact" (default) still. For example searching "World is" does not find anything.

When user press VocaDB's site link from mobile (For example https://vocadb.net/Ar/1) it can take user to VocaDB app with Hatsune Miku detail page (or choose to browser depend on user decision)

Another use case is when user search from google and found result from VocaDB. User can choose to open this link via app or not.

Anyway this is an optional feature and maybe it should do after entry detail page contain all basic information that its should have.

Reference : https://developer.android.com/training/app-links/

Original, cover, remix etc.

An icon is enough. VocaDB main site uses icons to save space in certain places.

This would also be useful for search pages.

There is 2 ways in my opinion

• Use Webview and display from given link. I had tried on old version (1.0) but not worked. I'll try again on this version with React Native. Even if it worked, next problem will be Apple App Reviewer. I'm not sure they will okay with this.
• Use Provider API (Such as Youtube) For in case if above not worked. But it will take cost if exceed free usage plan.

I never working on about authentication directly by myself. Especially about from mobile to backend server. So I need to do some research for make sure not just its work, But must secure too.

Similar to other page (songs, artists, albums, events)

There many time I tried to open app and found some images gone dark and take a while until it show image that downloaded from thumbnail URL.

Not sure how to fix it, But I found some interesting library might help about this.

https://www.npmjs.com/package/react-native-fast-image

Grid/Tiles -type album listing would great.

Because both site have same API structure. So I guess it's possible to build new App for TouhouDB.

TODO List for making as new app

• Endpoint should set as config. Must remove all hard code url.
• Change package name (Android) and identifier name (iOS) com.touhoudb.app
• Create new app on Play store.
• Create new app on ituneconnect.

Modify barcode function to scan for get album by barcode parameter instead of query parameter. navigate user to album info page if album founded.
For request information. See also
http://vocadb.net/apiHelp/Api/GET-api-albums_query_discTypes_tag_artistId_artistParticipationStatus_childVoicebanks_barcode_status_start_maxResults_getTotalCount_sort_preferAccurateMatches_deleted_nameMatchMode_fields_lang

On song pages, the album section should be hidden if the song is not included in any album.

Homescreen logos (home/heart/menu icons) are a bit too large currently (too little top and bottom margin).
Buttons in the home screen should be in plural (song -> songs, artist -> artists).

Would be useful info. Probably total rating is enough, no need for likes/favorites.

Currently songs api is support multiple artist ids with something like AND condition. So if user follow 2 artists. It will fetch songs with those 2 artists belong to. This need to be fix from server site.

Related issue: VocaDB/vocadb#389

Support with input

• From/To date
• Tags
• Artists
• Sort
• Category

Currently vocadb on ios version is old than android. In the next version I'll will release it together.

Each button should navigate user to listing page with same condition on main site (or match with title)

Highlighted PVs: onlyWithPVs=True&sort=AdditionDate
Recent or upcoming albums: sort=ReleaseDate
Random popular albums: sort=RatingTotal

For now i18n had added. I decided to put with English and Japanese first. If it work well so other language might be add later.

• Description
• Category
• Participating artists (Example https://vocadb.net/E/1868/vocarealizeex)
• Series
• Setlist (Example https://vocadb.net/E/1398/magical-mirai-2016)
• Weblinks

App crash when try to tap on "More" Button

• Released date
• Base voice bank (if exists)
• Artist links

Currently clicking artist picture does nothing. You have to click the artist's name. This is a slightly confusing, because I always click the picture.

Since current code is hard to readable and using. This is my plan that need to be done

• Separate each module (in controllers and services) to make them independence and can be easily for re-use.
• Change some part of html code to directive if it's possible.
• (Optional) Make a test unit for testing each function to make sure that it's can still work fine after refactoring

This might impact on many dependencies. Maybe need a lot of time to investigate and experiment to make it work.

• I think the "status" filter could be removed. It's mostly used to find entries that need work, but no one is going to do edits on the phone anyway, so it should be redundant on the mobile app.

• For sort, you can leave out empty and "none" options. The default should be "name".

• For tags, you might want to filter by "genres" category (same as website). The full list of top tags includes a lot of nonsense. Also, I added option to limit the number of top tags to return. I think displaying top 5 tags in the mobile app is enough.

• A custom filter for tags (similar to artists list) would be useful too.

• Perhaps consider adding filtering for minimum rating score, to get popular songs.

Otherwise I really like the filtering options :)

• PVs Link (if exists)
• Rating

For example, if the song is a cover, a link to original version should be provided

Current:

Favorite songs -> No any favorite song
Collections -> No any favorite album
Followed artists -> You did not followed any artist

Proposed fix:

Favorite songs -> No favorite songs / Nothing yet / Not found
Collections -> No favorite albums / Nothing yet / Not found
Followed artists -> Nothing yet / Not found

From top/recent albums api had changed. It needs to add field parameters when calling those api.

For example, Miku's picture looks odd without head.

Currently track numbers are not shown. This would be quite useful.

I should be possible to change the title display language (the content language preference setting), even without logging in. On the website, this setting is stored in a cookie.

This happened sometime when try to keep switching from other search page.

On song pages, the lyrics tab should be grayed out (disabled) if no lyrics are found. The link should be left clickable though, with "No lyrics" written inside.

Can be some sort of popup/expander too

It will be useful if lyric can selectable so user can copy text or use built-in translator to translate the lyric.
This can be done by add attribute selectable to Text element.

Since the user data is not tied to the VocaDB back end (the data is saved client-side), it would be good to have a way to save the user data (followed artists/liked songs) for back-up purposes.

Since there too many websites, So I'll target on popular sites first.

• Facebook
• Twitter
• Bilibili

Not sure if anymore I should add?

How to add icon

1. Looking (or create) icon file size with 128x128px. File size must small as much as possible.
2. Add icon image to src/common/assets/img
3. Add new Regex to file src/common/assets/iconSites.js This regex will check matching with web link or pv url.

Currently the back button exits the app when navigating in-app, which should not be the case.