{"id":15967139,"url":"https://github.com/poly-glot/vanilla-front-end-starter","last_synced_at":"2026-01-19T08:31:53.148Z","repository":{"id":40287973,"uuid":"253089785","full_name":"poly-glot/vanilla-front-end-starter","owner":"poly-glot","description":"A vanilla front-end starter kit with tools to support code quality, accessibility, unit testing, end to end testing, continuous integration setup and feature branch testing.","archived":false,"fork":false,"pushed_at":"2023-07-07T23:10:38.000Z","size":2569,"stargazers_count":3,"open_issues_count":10,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T15:51:47.503Z","etag":null,"topics":["accessibility","cicd","code-quality","codereview","jest","jest-tests","percy","sonar-scanner","sonarqube","sonarqube-scanner","tdd","tdd-javascript","vanilajs","vanilla-javascript","vanilla-js"],"latest_commit_sha":null,"homepage":"","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/poly-glot.png","metadata":{"files":{"readme":"README.MD","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-04-04T20:10:32.000Z","updated_at":"2023-02-13T16:08:33.000Z","dependencies_parsed_at":"2024-10-27T16:21:35.316Z","dependency_job_id":"bdfc4c69-ce72-4cb3-95e7-6014c836debb","html_url":"https://github.com/poly-glot/vanilla-front-end-starter","commit_stats":null,"previous_names":[],"tags_count":1,"template":true,"template_full_name":null,"purl":"pkg:github/poly-glot/vanilla-front-end-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poly-glot%2Fvanilla-front-end-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poly-glot%2Fvanilla-front-end-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poly-glot%2Fvanilla-front-end-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poly-glot%2Fvanilla-front-end-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/poly-glot","download_url":"https://codeload.github.com/poly-glot/vanilla-front-end-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poly-glot%2Fvanilla-front-end-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28564011,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-19T03:31:16.861Z","status":"ssl_error","status_checked_at":"2026-01-19T03:31:15.069Z","response_time":67,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["accessibility","cicd","code-quality","codereview","jest","jest-tests","percy","sonar-scanner","sonarqube","sonarqube-scanner","tdd","tdd-javascript","vanilajs","vanilla-javascript","vanilla-js"],"created_at":"2024-10-07T18:21:00.046Z","updated_at":"2026-01-19T08:31:53.129Z","avatar_url":"https://github.com/poly-glot.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# front-end-starter-kit\n![CI/CD](https://github.com/poly-glot/vanilla-front-end-starter/workflows/CI/CD/badge.svg)\n[![codecov](https://codecov.io/gh/poly-glot/vanilla-front-end-starter/branch/master/graph/badge.svg?token=K6AIDS2WN8)](https://codecov.io/gh/poly-glot/vanilla-front-end-starter)\n[![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/328a6753/vanilla-front-end-starter)\n[![Cypress.io Dashboard](https://img.shields.io/badge/cypress-dashboard-brightgreen.svg)](https://dashboard.cypress.io/projects/8joug9/runs)\n[![DeepScan grade](https://deepscan.io/api/teams/8408/projects/10599/branches/148870/badge/grade.svg)](https://deepscan.io/dashboard#view=project\u0026tid=8408\u0026pid=10599\u0026bid=148870)\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/poly-glot/vanilla-front-end-starter)\n\nA vanilla front-end starter kit with tools to support code quality, accessibility, unit testing, end to end testing,\ncontinuous integration setup and feature branch testing.\n\n## Who it is for\nSuitable for responsive sites or simple applications in a fast pace delivery environment with\nshared nothing front-end architecture using vanilla js. However, code should be isolated \u0026 independent where possible to allow us to\ntake benefits of previous projects and experience.\n\n## List of tools\n- Code Quality: Eslint, Stylelint \u0026 Deepscan\n- Unit Testing: Jest + Enzyme\n- End to End testing: Cypress.io + Percy.io\n- CI: Github Actions\n\n# Getting Started\n```\nnpm install\nnpm start\n```\n\n## Adding a new Feature\n- Familiarise yourself with Gitflow and checkout a feature branch from master e.g. feature/awesome-feature.\n- Keep your feature branch upto date with master.\n- Use \u003ca href=\"https://www.conventionalcommits.org/\"\u003eConventional Commits spec\u003c/a\u003e e.g. (fix/feat/refactor/refactor!) | Component | Task ID - Small Description\n\n## Manual Review Guidelines\n\u003ctable width=\"100%\"\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"100\"\u003eCSS\u003c/td\u003e\n        \u003ctd\u003eUse BEM naming convention \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"100\"\u003eJS\u003c/td\u003e\n        \u003ctd\u003ePrefix DOM Element class name or ID with \"js-\" to indicate element is linked to Javascript\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"100\"\u003eJS\u003c/td\u003e\n        \u003ctd\u003eUse Async/Await over promises\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"100\"\u003eJS\u003c/td\u003e\n        \u003ctd\u003eKeep Code branching to one level and reduce nested if/else statements\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd width=\"100\"\u003eJS\u003c/td\u003e\n        \u003ctd\u003eLeverage Modern Browser API's instead of bloated libraries or framework e.g. use fetch instead of axios\u003c/td\u003e\n    \u003c/tr\u003e\n\u003c/table\u003e\n\n# Estimation Guide for Static Projects\n(TODO)\n\n# Local Development\n\n### Running Github Action\n```\n# https://github.com/nektos/act\ncurl https://raw.githubusercontent.com/nektos/act/master/install.sh | sudo bash\nact pull_request\nact --job ci\n```\n\n### Running Sonar\n```\ndocker run -d --name sonarqube -p 9000:9000 -p 9092:9092 sonarqube\ndocker run -ti -v $(pwd)/src:/root/src --link sonarqube newtmitch/sonar-scanner\n```\n\n### Docker\n```\ndocker build -t vanilla-front-end-starter .\ndocker run -it --rm -p 5000:5000 vanilla-front-end-starter\n```\n\n# Browser Support\n2 most recent versions of Chrome, Firefox, Safari \u0026 MS Edge.\n\n# Todo\n- Feature : CI/CD - Add Docker preview.\n- Feature : CI/CD - Add automatic release after every two weeks.\n\n# Github Secrets\n- ZEIT_TOKEN\n- NOW_ORG_ID\n- NOW_PROJECT_ID_STATIC\n- PERCY_TOKEN\n- CYPRESS_RECORD_KEY\n- CODECOV_TOKEN\n\n# Non functional Requirements\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpoly-glot%2Fvanilla-front-end-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpoly-glot%2Fvanilla-front-end-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpoly-glot%2Fvanilla-front-end-starter/lists"}