Using HTML and CSS technologies, create a UI of a web app
Users should be able to vote for one of the given Youtube videos, and to show current voting results in form of shorten or full table.
Web app has only 2 pages, home and rankings. In this phase, app consists only of HTML and doesnt require any dynamic options nor on client nor on server side.
Use scetches only for guidence, your creative upgrades are welcome. Video player should be functional (embedded Youtube player) and pictures on the ranking page are thumbnails from youtube.
Make sure you use only free youtube videos available for embedding. It's enough to take 5 to 10 videos and repeat the same content with different names, sounds, rank etc.
UI needs to be responsive and cross-browser compatible (last version of Chrome, Firefox, Safari)
While loading the home page show 2 random videos.
By clicking "vote" bellow one of the videos, you give a good vote to that video and store the vote in database via Ajax. Everytime you vote there is a new pair of videos generated on the start page and the other video that didn't get the vote get's a downvote. Use a library like [login to view URL]
If the user doesn't want to vote, he can refresh the page and see 2 different videos.
Show the complete ranking table of all videos on the ranking page with Name, description, number of votes, rank. Rank will be calculated based on [login to view URL]
Show at least 20 videos per page and 3 pages.
*Write a consol application which generates the data about videos and fills up the database.
IMPORTANT: YOU CAN'T USE PHP!
After finishing part A you'll be required to send it and then proceed to add the part B
23 pekerja bebas membida secara purata $164 untuk pekerjaan ini