{"id":13398009,"url":"https://github.com/devbridge/Front-End-Toolkit","last_synced_at":"2025-03-14T00:32:52.394Z","repository":{"id":24360836,"uuid":"27759572","full_name":"devbridge/Front-End-Toolkit","owner":"devbridge","description":"A collection of resources, useful tools and technologies for front-end web development.","archived":false,"fork":false,"pushed_at":"2023-01-04T18:58:00.000Z","size":3896,"stargazers_count":460,"open_issues_count":24,"forks_count":40,"subscribers_count":32,"default_branch":"master","last_synced_at":"2025-03-07T14:42:28.325Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devbridge.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-12-09T09:40:02.000Z","updated_at":"2025-02-21T15:41:54.000Z","dependencies_parsed_at":"2023-01-14T00:50:02.826Z","dependency_job_id":null,"html_url":"https://github.com/devbridge/Front-End-Toolkit","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbridge%2FFront-End-Toolkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbridge%2FFront-End-Toolkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbridge%2FFront-End-Toolkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devbridge%2FFront-End-Toolkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devbridge","download_url":"https://codeload.github.com/devbridge/Front-End-Toolkit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243358306,"owners_count":20277996,"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-07-30T18:02:01.530Z","updated_at":"2025-03-14T00:32:52.373Z","avatar_url":"https://github.com/devbridge.png","language":"JavaScript","readme":"# Front End Toolkit [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Front-end%20boilerplate%20with%20lots%20of%20automation%20\u0026url=https://www.devbridge.com/articles/the-power-of-our-new-front-end-toolkit/\u0026via=devbridge\u0026hashtags=front-end,html,sass,automated,accessibility,webdev,css)\n\n## Starter Template ##\nThis project is a set of best practices brought to you by the team at [Devbridge Group.](https://www.devbridge.com/articles/the-power-of-our-new-front-end-toolkit/), which will allow you to start project quickly, non depending from any javascript framework.\nFeatures, that are already here:\n*  Recommended Sass structure with good practices from our team.\n*  Live server with auto reload feature.\n*  Sass linting integration and configuration. \n*  Automated svg spriting.\n*  Automated image optimization.\n*  Recommended structure for HTML layout.\n*  Automated Html linting task.\n*  Automated accessibility check with generated reports.\n*  Pre-commit hooks, to keep project \"clean\".\n*  Component based development approach, which will help to transfer code on whatever front-end framework you want or just use it as a plain HTML site generator.\n*  Prepared code hygiene tools, like editor config, nvmrc, npmrc files, and small things, like npm scripts.\n\nIn development:\n*  HTML components with basic styling, states and best accessibility practices.\n*  More detailed instructions and explanations, why we are doing things in this way.\n\n## Installation\n\nTo setup new project clone this repo:\n\n    $ git clone https://github.com/devbridge/Front-End-Toolkit.git\n\nSwitch to right node version using [nvm](https://github.com/creationix/nvm). (Which node version is required defined in [.nvmrc](https://github.com/devbridge/Front-End-Toolkit/blob/v2-dev/.nvmrc) file):\n\n    $ nvm use [version number from .nvmrc file]\n\nInside project folder install dependencies from package.json:\n\n    $ npm i\n\nTo start developing run npm script command:\n\n    $ npm run start\nOr launch command with \"check-dependencies\" mode, which will check if all needed dependencies are installed:\n\n    $ npm run start-safe\n\nIt will start all development tasks: prepare assets, compile html and css, bundle javascript and add file watchers.\n\nNow you can configure your project.\n\n\n## License\n\nThe MIT License (MIT).\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevbridge%2FFront-End-Toolkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevbridge%2FFront-End-Toolkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevbridge%2FFront-End-Toolkit/lists"}