rschragger / MAR

MAR for BCProject1
0 stars 2 forks source link

Create HTML & CSS for main page #10

Open rschragger opened 2 years ago

rschragger commented 2 years ago

User Story

As a front end developer I want to have a rundown of what to achieve So I can get to work and check progress

Contains

To-do

Apply design from wireframe Apply styling and media allowances Communicate tags/ids/classes to JS developers Allow for DOM manipulation

Opening Screen

As a new user i want to see a default top 10 list in the middle of the page and a search bar to the left so I can visualise the possibilities

Search items will be on the left and will include -search by genre -search by location Found top ten list will be displayed with at least chart position, Artist and Track names. Additionally we can add other info such as previous chart position, album thumbnail art etc

Selecting one of the tracks will open a panel on the right which will display a video and/or audio and/or album art etc and comprehensive information on the artist and track. The video or song can be in a frame that might/will play

Login Screen

This might be necessary for configuring API login information

Favourites

Below the search section, the user will have a "favourites" section which can be broken down into: - Favourite genres - Favourite locations These should be collapsible lists, but as a default be open. When closed a turning arrow can be shown.

Clicking onto any of the favourites buttons will initiate a search using the parameters.

Preferences

A users last choice of search should be saved locally so that when they come back to the page, the search will refresh

User Acceptance

All the above needs to be incorporated for wireframe