{"id":16222366,"url":"https://github.com/kriswep/modern-modular-javascript","last_synced_at":"2026-04-12T07:32:08.225Z","repository":{"id":83653552,"uuid":"72989187","full_name":"kriswep/modern-modular-javascript","owner":"kriswep","description":"A modern and modular JavaScript boilerplate setup","archived":false,"fork":false,"pushed_at":"2017-10-22T10:12:12.000Z","size":411,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T00:47:13.638Z","etag":null,"topics":["babel","boilerplate","es2015","es6","inspiration","javascript","starter","webapp","webpack","webpack2"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kriswep.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":"2016-11-06T12:29:36.000Z","updated_at":"2017-03-12T13:27:02.000Z","dependencies_parsed_at":"2023-03-11T13:15:17.885Z","dependency_job_id":null,"html_url":"https://github.com/kriswep/modern-modular-javascript","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/kriswep/modern-modular-javascript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kriswep%2Fmodern-modular-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kriswep%2Fmodern-modular-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kriswep%2Fmodern-modular-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kriswep%2Fmodern-modular-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kriswep","download_url":"https://codeload.github.com/kriswep/modern-modular-javascript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kriswep%2Fmodern-modular-javascript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31707953,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-12T06:22:27.080Z","status":"ssl_error","status_checked_at":"2026-04-12T06:21:52.710Z","response_time":58,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["babel","boilerplate","es2015","es6","inspiration","javascript","starter","webapp","webpack","webpack2"],"created_at":"2024-10-10T12:13:15.436Z","updated_at":"2026-04-12T07:32:08.211Z","avatar_url":"https://github.com/kriswep.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern, modular JavaScript\n\nThis is the JavaScript boilerplate stack I set up late 2016.\nIt was heavily inspired by [js-stack-from-scratch](https://github.com/verekia/js-stack-from-scratch), but was simplified in some areas and adapted to my wishes.\n\nCode examples inspired by a great [composition\u003einheritance](https://medium.com/humans-create-software/composition-over-inheritance-cb6f88070205#.aac2jfcff) tutorial.\n\nIt comes with a fast running, simple to grasp, [jest](https://facebook.github.io/jest/) test setup.\n\nAll dev-tools are exposed as npm scripts.\n\nTo get started, clone this repo and run `npm install` (or `yarn install` if you prefer).\n\nHope somebody may find it useful.\nIdeas and contributions very welcome!\n\n## File structure\n\nThe bulk of your development is supposed to happen in the `src` folder.\nThere you'll find `client`, `server` and `shared` subfolders you can fill accordingly\n\nThe `dist` folder should contain your static assets (here only `index.html`) and the generated client JavaScript bundle.\n\n`node_modules`, well, contains your modules.\n\nThe following folders will be generated by the included scripts and should not be modified manually.\n\n`lib` contains compiled JavaScript, whoch can be used by an node.js server.\n\n`coverage` and `.nyc_output` contains files releated to test coverage.\n\n## Included scripts\n\nYou can run all scripts either with [`npm`](https://www.npmjs.com/) or [`yarn`](https://yarnpkg.com/). For the sake of briefness, `npm` is used in the following. For `yarn` just replace `npm` with `yarn`\n- `npm start` : Starts node server serving the build client bundle\n- `npm test` : Run the test suite\n- `npm run lint` : run eslint, we use airbnb style\n- `npm build` : Build the client bundle\n- `npm run compile` : Compile server side (node.js) JavaScript\n- `npm run dev`: Start the development, live-reloading, server\n- `npm run coverage`: Calculate test coverage.\n\nFor some task there is a watch task, which can run the corresponding task\nafter file cahnges.\n- `npm run test:watch`: Run tests repeatedly\n- `npm run lint:watch`: Run eslint repeatedly\n- `npm run coverage:watch`: Run coverage task repeatedly\n- `npm run fulltest`: Run eslint and test repeatedly\n\n## Ideas\nThis boilerplate doesn't set up any UI.\nYou could add whatever you want, like [React](https://facebook.github.io/react/)\nor maybe even use [custom elements v1](https://developers.google.com/web/fundamentals/getting-started/primers/customelements).\n\nAlso backend implementation is kind of simplistic,\nthis setup is more focused on frontend JavaScript for now.\n\n## License\nLicensed under the [Unlicense](./LICENSE) (this is a permissive open-source license and doesn't mean\nthis project is not licensed!)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkriswep%2Fmodern-modular-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkriswep%2Fmodern-modular-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkriswep%2Fmodern-modular-javascript/lists"}