Giter Club home page Giter Club logo

the-monkees-17's Introduction

The Monkees project

A README file for User Centric Frontend Development Milestone Project

UX

<<<<<<< HEAD Hello! Welcome to The Monkees project!

This website is for users who would like to spend some time to learn about The Monkees and have fun. There are a variety of videos from their TV shows and songs, links to their social network, articles about them, history, podcasts, shop, spotify.

This project contains 4 pages. Home The Monkees page, Multimedia, about us and contact page

=======

  • This website is for made for fans of The Monkees
  • Users can learn all about their history
  • They can listen the podcasts
  • They can buy their products
  • They can have fun and explore website

Features and info

  • Navbar I used same navbar for all the pages Simple Navbar wich extends in a mobile phone size

  • Landing page There is carusel with links to all 4 pages and with img background And then there is external blank target links to shop,news,articles,podcast and tv show and footer with copyrights and social networks

  • About us page Few img in containers with text from wikipedia on the end there is 4 cards with img of the band members black and white ones represent 2 deceased members and in color still living all of them have link to their wikipedia biography

  • Multimedia Istead of audio material provided i choose spotify and i like it better Few video embeds i took form youtube I am not fully satisfied with this page, I think it should be done with more effects etc.

  • Contact It is simple one I dont know what to add more on it

Technologies Used

Testing

  • home page it looks responsive on all devices there is picture HIRE US from slide 3 it seems that is having a sml visual problem when carusel is sliding it appears white bottom padding i believe it is because format of picture but not 100% sure. I liked that picture so i didnt want to change it

  • about us all links are responsive and containers only in mobile phone view i let it to float little bit on the left, I am still thinking about it, is it nice like that or not

  • multimedia Tested spotyfy and all videos they doing well on all devices on xs view looks that videos are maybe too close to each other all links working fine

  • Contact form: Go to the "Contact Us" page Try to submit the empty form and verify that an error message about the required fields appears Try to submit the form with an invalid email address and verify that a relevant error message appears Try to submit the form with all inputs valid and verify that a success message appears.

Content

Media

  • The photos used in this site were obtained mostly from google

Acknowledgements

the-monkees-17's People

Contributors

dejanhinic avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.