`` This is the website of the rock band called The Monkees. It was created to let fans of The Monkees see and hear their clips, check new coming clips and also book an events. Website can be used for:
- hear and see audio or video clips
- Get the information about concert tour of the band
- Learn about The Monkees
- Book events and contact with the Monkees band
- Use live chat to discuss and share opinion
`` As a fan I want to find new songs and clips and get info about concerts and band so that I can be updated with news about The Monkees band.
- User can click in "Music" tab where can find both audio tracks and video clips.
- User can click on "Concerts" link in navigation bar which leads to concerts section where all info about concert tour is displayed.
- Clicking in "About" link in navigation will lead user to Musican section to see musicans, straight after, there is whole The Monkees biography. As a events organiser I want to contact the band so that I can book events and contact The Monkees.
- User can click in "Contact" tab which will lead him/her to contact section. There is form that user can use to cook events or contact the band.
- Clincking in particular social media icon on bottom of the page, user can check The Monkees profiles on social media. In project is a navigation where users can click a particular link which will bring users to content related with it by scrolling or redirect to a different subpage (such as ,,music,, subpage) Page can be scrolled manual also to the particular part of the page.
`` In project were used technologies such as :
- HTML to create structure of project
- CSS to style project
- Bootstrap framework to create responsive layout and add some styling and components by add helpfull classes Bootstrap
- Font awesome Font Awesome Project was based on Graceful degradation approach which means that desktop version was created as first then responsiveness was added for mobile and tablets. Media query and bootstrap responsive classes were used to achieve that.
`` Project was tested manually by behaving as a user and go through the page. Testing by clicking navigation links to check if they lead to expected destination. Testing form by typing name, surname, email,message and clicking submit button. Testing video and audio players by clicking play button to start and stop playing. Testing page navigation by scrolling page down and up. (manually). Testing logo link to check if leads to home page after clicking. Testing hover efect in the albums section by hovering on every single album. Projects responsiveness was tested by google developer tools where it was resising to particular device size(for example iphones,samsung ) It was tested also by changing size of browser window. I chose Desktop first approach because percentage of users using website will be using PC's
``
Mockup ( Double click for Index page mockup will lead you to Music page mockup)
``
https://www.allmusic.com/artist/the-monkees-mn0000478603/biography
``
`` There was a problem with navigation links responsivness. On small devices liks were to big and they covered some content of the page during scrolling. I found great solution for that by adding hamburger menu to the page on small devices resolution.
`` The project was deployed on Github platform under link : https://mariuszbrozda.github.io/ COMMANDS USED TO DEPLOY PROJECT TO GITHUB:
- git init (create empty repository)
- git remote add origin https://github.com/mariuszbrozda/mariuszbrozda.github.io.git (to ad remote repository)
- git status (to check status)
- git add ( to add files)
- git commit -m'' (to commit changes and add message)
- git push origin master ( to push local repository to master branch of remote repository) Next opened my repository on github and create github page(settings-->choose and save master branch)