The project was created to show a wider audience the work of Coldplay band. The created website should present how diverse and colorful is the music composed by the group and how enthusiastic are their members. We can find the "Music" section where the whole discography of the band is and listen to all their songs. In the "Video" section we can enjoy many music videos. Visiting the "Pictures" we can have occasion to see photos from one of the live performances. In the "Concerts" section we can check where the band is going to perform later this year. All visual presentation is simple and clean to focus the attention of visitors on the work of the band. The group members, especially the leader are the main interested of the funs, therefore the website provides a wide range of information about them, encourage visitors to spend more time browsing through the content.

User Stories: -A user can get more information about a certain band member by clicking on his picture which is also a link to Wikipedia page.

• A user who is looking for a place where he can listen to his favourite songs can use the "Music" section where I can get an access to all the records. In this section, there are covers of every band's CD, which are also links to playlists containing all the songs from the particular CD.
• A user who likes video clips can find lots of them in the "Video" section where I can watch them directly. In this section, there is a variety of videos from the inception of the band to the present time.
• A user who wants to see how the live performance looks like can go to the "Pictures" section where can see photos from the recent performance, by using the slideshow implemented on this page.
• A user who is interested in going to the next concert can check the "Concerts" section where I can find information and dates regarding concerts in this year.
• All user interested in recent news about the band can go to all social media links placed at the bottom of every subpage.

Mockups:

Links to Wikipedia pages -allows users to get more information about every band member by clicking on their pictures.

Music player - allows users to listen to all songs directly on the website, by clicking first on particular CD cover than on a chosen song from the list.

YouTube video player - allows users to watch many music videos directly on the website without a necessity to use the third-party's services.

Pictures slideshow - allows users to see many photos on the same page.

Links to social media allowed to see recent news and interact with the band.

Bootstrap has been used in the grid, the navbar and the slideshow.

JQuery has been added to the code to make many components work properly. The script is responsible for the correct operation of :

• many bootstrap elements
• the audio player in the "Music" section
• resizing video links in the "Video" section
• photos slideshow in the "Pictures" section.

1. Getting information about band members.
   a) Every link was tested separately if really lead to external source about a particular band member and the source is opened in a new tab.
   b) The front page was tested on many devices and resolutions to make sure that the content is adjusted properly to the screen size and the pictures resize accordingly.
   

2. Listening to the discography of the band.
   a) Every link on the subpage was tested and is working correctly. Pictures resize adequately to the screen size.
   b) The audio player used on the subpages of the "Music" section is working correctly and has access to all the song.
   c) JavaScript used to manage playlists stops the audio player to open a new song in a new tab instead, every song is played on the same page and the current song is highlighted. All the song in the playlist are played one by one.
   

3. Watching video clips in the video.
   a) Every video link is opening properly and in the right size.
   b) The full-screen option is available and works correctly.
   c) Thanks to implemented javascript, individual videos change size adequately to the resolution of the screen, preserving right proportions.
   

4. Browsing the photo library.
   a) All pictures load properly.
   b) Slideshow used on the subpage shows individual images in the right order and intended amount of time.
   c) The size of the pictures adjusts correctly to the resolution of the screen.
   

5. Concerts.
   a) All pieces of information are displayed properly.
   b) The structure of the subpage has a form of a timeline.
   c) The size of the pictures adjusts correctly to the resolution of the screen.
   

6. Social media links.
   a) All the links lead to the real accounts of the band.
   b) Links have been tested on every subpage of the project and work properly.
   

The project was deployed on a hosting server and is possible to find under domain: marcin-marciszewski.tech This solution provides reliability and better control, which are important during the deployment process and further usage.

• All photos used in this project were obtained from Google.com.
• All music records were copied from my private CDs (they've been employed only for educational purposes and won't be used in any commercial way.)
• All video clips were sourced from YouTube.com.