{"id":16401925,"url":"https://github.com/allthingssmitty/musicbrowser","last_synced_at":"2025-02-23T15:42:40.566Z","repository":{"id":150578936,"uuid":"59978872","full_name":"AllThingsSmitty/musicbrowser","owner":"AllThingsSmitty","description":"A front-end training tool and skills assessment","archived":false,"fork":false,"pushed_at":"2016-08-23T00:10:21.000Z","size":10756,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-05T04:45:01.486Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AllThingsSmitty.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-30T03:49:41.000Z","updated_at":"2024-10-11T13:27:15.000Z","dependencies_parsed_at":"2023-04-17T10:16:25.074Z","dependency_job_id":null,"html_url":"https://github.com/AllThingsSmitty/musicbrowser","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmusicbrowser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmusicbrowser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmusicbrowser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmusicbrowser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AllThingsSmitty","download_url":"https://codeload.github.com/AllThingsSmitty/musicbrowser/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240339489,"owners_count":19785956,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-11T05:44:32.869Z","updated_at":"2025-02-23T15:42:40.522Z","avatar_url":"https://github.com/AllThingsSmitty.png","language":"CSS","readme":"# Music Browser\n\n\n## The Brief\n\nMusic 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.\n\n\u003cimg src=\"https://github.com/AllThingsSmitty/musicbrowser/blob/master/assets/img/desktop.png\" alt=\"desktop version of the music browser app\"\u003e\n\n\n## Instructions\n\nThis 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.\n\n\n## Requirements\n\n1. You may use [Modernizr](http://modernizr.com) and/or [Selectivizr](http://selectivizr.com), but other libraries (jQuery), frameworks (Backbone.js/AngularJS), or plugins are **not permitted**.\n1. You are encouraged to use CSS preprocessors like [Sass](http://sass-lang.com/), but it is **not permitted** to use any prebuilt grid systems or frameworks (Bootstrap/Foundation).\n1. 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.\n1. Comment your HTML, CSS and JavaScript where necessary.\n1. Write useful commit messages.\n\n\n## Considerations\n\n#### Design\n\nYour 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.\n\nTake into consideration that the PSDs have been designed for retina displays and size your assets accordingly.\n\n\n#### Standards Compliance\n\nEnsure that your markup is W3C compliant.\n\n\n#### HTML Semantics\n\nEnsure that your markup is semantic.\n\n\n#### Accessibility\n\nEnsure that your markup takes into account basic accessibility (WCAG 2.0) standards.\n\n\n#### CSS (Sass)\n\nSass 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.\n\n\n#### JavaScript\n\nEnsure to write clean, structured JavaScript that you feel would be suitable for a live website.\n\n\n#### Build Tools\n\nYou may use build tools such as [Grunt](http://gruntjs.com/) or [Gulp](http://gulpjs.com/) to compile, minify, or other common tasks. If minifying your code, please ensure to also include the source files for inspection.\n\n\n#### Browser Support\n\nThe page should function and resemble the creative in all **latest** desktop/mobile browsers.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallthingssmitty%2Fmusicbrowser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fallthingssmitty%2Fmusicbrowser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallthingssmitty%2Fmusicbrowser/lists"}