Giter Club home page Giter Club logo

musicbrowser's Introduction

Music Browser

The Brief

Music Browser is a fictional music discovery and news platform aimed at music enthusiasts. The "website" is intended to allow users to view articles on new music, discover emerging artists and view trending songs curated by users.

desktop version of the music browser app

Instructions

This repo is intended as a training tool and skills assessment that mimics a typical workflow. Provided are PSDs for mobile and desktop. You will be expected to use these to build a responsive page, utilizing HTML5, CSS3 (Sass) and JavaScript.

Requirements

  1. You may use Modernizr and/or Selectivizr, but other libraries (jQuery), frameworks (Backbone.js/AngularJS), or plugins are not permitted.
  2. You are encouraged to use CSS preprocessors like Sass, but it is not permitted to use any prebuilt grid systems or frameworks (Bootstrap/Foundation).
  3. You will be required to write JavaScript to allow for functionality changes between viewports (showing/hiding of content and/or navigation elements). Refer to the PSDs to determine where JavaScript functionality is necessary and implement where necessary.
  4. Comment your HTML, CSS and JavaScript where necessary.
  5. Write useful commit messages.

Considerations

Design

Your completed page should match the design as closely as possible. The page should be completely fluid, i.e., the page does not break when moving between mobile and desktop breakpoints.

Take into consideration that the PSDs have been designed for retina displays and size your assets accordingly.

Standards Compliance

Ensure that your markup is W3C compliant.

HTML Semantics

Ensure that your markup is semantic.

Accessibility

Ensure that your markup takes into account basic accessibility (WCAG 2.0) standards.

CSS (Sass)

Sass is encouraged when writing your CSS. Try to demonstrate how preprocessors can be used in your development workflow to enforce DRY (Don't Repeat Yourself) principles.

JavaScript

Ensure to write clean, structured JavaScript that you feel would be suitable for a live website.

Build Tools

You may use build tools such as Grunt or Gulp to compile, minify, or other common tasks. If minifying your code, please ensure to also include the source files for inspection.

Browser Support

The page should function and resemble the creative in all latest desktop/mobile browsers.

musicbrowser's People

Contributors

allthingssmitty avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  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.