{"id":15041461,"url":"https://github.com/uwhealth/front-end-framework","last_synced_at":"2025-09-20T02:40:43.751Z","repository":{"id":13235413,"uuid":"15920063","full_name":"UWHealth/Front-End-Framework","owner":"UWHealth","description":"A number of frontend technologies to get any e-Health website or application off the ground.","archived":false,"fork":false,"pushed_at":"2020-01-16T18:10:28.000Z","size":13181,"stargazers_count":3,"open_issues_count":4,"forks_count":2,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-28T08:35:38.831Z","etag":null,"topics":["boilerplate","css","sass-framework"],"latest_commit_sha":null,"homepage":"http://uwhealth.github.io/Front-End-Framework/","language":"JavaScript","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/UWHealth.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}},"created_at":"2014-01-15T00:15:20.000Z","updated_at":"2019-05-28T22:09:16.000Z","dependencies_parsed_at":"2022-08-25T17:03:16.837Z","dependency_job_id":null,"html_url":"https://github.com/UWHealth/Front-End-Framework","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UWHealth%2FFront-End-Framework","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UWHealth%2FFront-End-Framework/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UWHealth%2FFront-End-Framework/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UWHealth%2FFront-End-Framework/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UWHealth","download_url":"https://codeload.github.com/UWHealth/Front-End-Framework/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248952345,"owners_count":21188427,"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":["boilerplate","css","sass-framework"],"created_at":"2024-09-24T20:46:08.026Z","updated_at":"2025-09-20T02:40:38.692Z","avatar_url":"https://github.com/UWHealth.png","language":"JavaScript","readme":"[Front-End-Framework](http://uwhealth.github.io/Front-End-Framework/)\n===================\n\n[Our Workspace](https://workspaces.uconnect.wisc.edu/display/ehealth/Front+End+Design) (Requires UW Health intranet access)\n\n\n## Software\n\n1. [Node](https://nodejs.org/)\n2. [Gulp](http://gulpjs.com/)\n  * Run `npm install --global gulp` from the command line after Node has been installed.\n\n## Set up\n\n1. [Clone or fork this repository](https://github.com/UWHealth/Front-End-Framework.git)\n2. Using the command line (preferably using PowerShell rather than cmd.exe), `cd` to the Framework's directory.\n3. Run `npm install`.\n5. Run `gulp` (from the command line).\n6. Open a browser and go to [localhost:3000](http://localhost:3000/). This is your local running copy of the framework.\n7. **Start codin' and compilin'.**\n\n---\n\n## Tips and Tricks\n\n### Style Guide generation\nThe style guide you are reading is generated on the fly by the `gulp` task `styleguide` (using the markdown-styleguide-generator node module).\n\nTo create style guide entries, create a comment block with the `SG` in the first line. The next immediate line should be title of your style guide entry (using a `#` to demarcate the start). A `/` will indicate a sub-section title. So `#Title/Sub-section` will create a parent section named \"Title\", with a child named \"Sub-section\".\n\nCreate `html` examples (with a code snippet) by creating a code block followed by \"html_example\" (\\`\\`\\`html_example).\n\nSeparating \"development\" comments from \"styles\" requires adding a `[[dev]]` anywhere within the title of that section.\n\n    /* SG\n    # Section/Component\n    This is an example Component.\n\n    ```html_example\n    \u003cdiv\u003e...\u003c/div\u003e\n    ```\n    * /\n\nEverything will be run through [Markdown(GitHub Flavored)](https://guides.github.com/features/mastering-markdown/). This allows text formatting and code samples.\n\n\n### Gulp arguments\nRunning `gulp` by itself will compile your Sass and concatenate your Javascript, but you may need some additional build steps for a complete workflow. Our gulp file accepts arguments in the form of `gulp --argument1 --argument2` to turn certain tasks on and off.\n\n###### Minify/Uglify\nRunning `gulp --uglify` will compress your css and js files into a single line.\n\n###### No Style Guide\nRunning `gulp --no-sg` will prevent style guide generation. This can be useful if you are simply working on styles only since the style guide forces a page reload.\n\n###### Sourcemaps\nRunning `gulp --sourcemaps` or `gulp --sm` will add source maps to your Javascript and CSS. Very useful if working with concatenated, uglified, or tangled Sass code. [Learn more about source maps](http://blog.teamtreehouse.com/introduction-source-maps).\n\n###### JS Hint\nRunning `gulp --lint` or `gulp --hint` will run your JS through [JSHint](https://github.com/jshint/jshint). You can change the project's hinting rules by modifying the `.jshintrc` file and ignore files via the `.jshintignore` file (both at the root of the project). This is usually necessary for plugins or other highly optimized javascript since JSHint will emit errors about code readability.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuwhealth%2Ffront-end-framework","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuwhealth%2Ffront-end-framework","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuwhealth%2Ffront-end-framework/lists"}