{"id":17345355,"url":"https://github.com/bartoszpiwek/frontbox","last_synced_at":"2026-04-09T12:47:17.195Z","repository":{"id":127779045,"uuid":"293792058","full_name":"BartoszPiwek/FrontBox","owner":"BartoszPiwek","description":"Static WWW builder tool","archived":false,"fork":false,"pushed_at":"2022-02-27T19:25:52.000Z","size":1906,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-01T15:14:22.716Z","etag":null,"topics":["components","css-modules","pug","scss","static-site-generator","typescript","webpack"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/BartoszPiwek.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":"2020-09-08T11:39:11.000Z","updated_at":"2020-09-14T09:46:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"d495d832-79a3-4344-a29e-58507c21ecac","html_url":"https://github.com/BartoszPiwek/FrontBox","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/BartoszPiwek%2FFrontBox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BartoszPiwek%2FFrontBox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BartoszPiwek%2FFrontBox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BartoszPiwek%2FFrontBox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BartoszPiwek","download_url":"https://codeload.github.com/BartoszPiwek/FrontBox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245825125,"owners_count":20678511,"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":["components","css-modules","pug","scss","static-site-generator","typescript","webpack"],"created_at":"2024-10-15T16:30:35.587Z","updated_at":"2025-12-30T22:47:47.101Z","avatar_url":"https://github.com/BartoszPiwek.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Webpack logo](https://raw.githubusercontent.com/webpack/media/master/logo/logo-on-white-bg.png)\n\n# FrontBox\n\nStatic WWW builder tool. Connect prepared components to create hermetic website.\n\n## Table of contents\n\n-   [Playground](#playground)\n-   [Preview/Status](#previewstatus)\n-   [Information](#information)\n-   [Requirements](#requirements)\n    -   [Visual Studio Code addons](#visual-studio-code-addons)\n-   [Terminal tasks](#terminal-tasks)\n-   [Projekt Tree](#projekt-tree)\n-   [Bugs](#bugs)\n\n## Playground\n\n[![Link to playground](https://codesandbox.io/static/img/banner.png)](https://codesandbox.io/s/github/BartoszPiwek/FrontBox/tree/master/)\n\n## Preview/Status\n\n| Type                                                        | Badge                                                                                                       |\n| ----------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |\n| [Productive](https://frontbox.netlify.app)                  | ![Netlify Status](https://api.netlify.com/api/v1/badges/395471d4-6cc3-4865-ab14-b8e2097b8d78/deploy-status) |\n| [Documentation](https://frontbox-documentation.netlify.app) | ![Netlify Status](https://api.netlify.com/api/v1/badges/e0cb4b38-0edd-4f09-a4fb-0e54be98ccad/deploy-status) |\n\n## Information\n\n|            |                                              |\n| ---------- | -------------------------------------------- |\n| Author     | Bartosz Piwek                                |\n| Version    | 0.1.0                                        |\n| HTML       | [Pug](https://pugjs.org/)                    |\n| CSS        | [SCSS](https://sass-lang.com)                |\n| JavaScript | [TypeScript](https://www.typescriptlang.org) |\n\n### Partial list of npm packages:\n\n| Package                                                          | Description                                                                                                                                            |\n| ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| [FrontBox-Style](https://github.com/BartoszPiwek/FrontBox-Style) | Hermetic SCSS files contain helpful methods used on most websites, divided into categories: functions, generators, modules, shapes, styles, variables. |\n| [scroll-lock](https://www.npmjs.com/package/scroll-lock)         | Cross-browser JavaScript library to disable scrolling page                                                                                             |\n| [vh-check](https://www.npmjs.com/package/vh-check)               | Get reliable CSS vh sizes                                                                                                                              |\n\n## Requirements\n\n|                                                     |                                       |\n| --------------------------------------------------- | ------------------------------------- |\n| [Node.js](https://nodejs.org/en)                    | JavaScript run-time environment       |\n| [Webpack](https://webpack.js.org/)                  | Module bundler                        |\n| [Yarn](https://yarnpkg.com)                         | Fast, reliable, and secure dependency |\n| [Visual Studio Code](https://code.visualstudio.com) | IDE                                   |\n\n### Visual Studio Code addons\n\n| Plugin                                                                                        | Description                 |\n| --------------------------------------------------------------------------------------------- | --------------------------- |\n| [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)   | Modern CSS/SCSS/Less linter |\n| [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)        | Code formatter              |\n| [Pug beautify](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-pugbeautify) | Simple Pug/Jade beautify    |\n\n## Terminal tasks\n\n| Task       | Description                                                             |\n| ---------- | ----------------------------------------------------------------------- |\n| yarn start | Generate website with server and automatic update after modifying files |\n| yarn build | Generate prod website                                                   |\n\n## Projekt Tree\n\n```\n├─── content                          | Text content\n├─── dist                             | Generated website\n├─── dosc                             | Documentation\n└─── src/\n    ├─── components                   | Components {ts, pug, scss}\n    ├─── modals                       | Modals content {ts, pug}\n    ├─── pages                        | Pages {pug}\n    ├─── scripts/\n        ├─── abstract                 | Abstract classes\n        ├─── app                      | Custom js/ts plugins folder\n        ├─── bootstrap                | Framework classes\n        ├─── tools                    | Framework tools\n        └─── ...\n\n    ├─── services                     | Services\n    ├─── static/                      | Static assets\n        ├─── audios\n        ├─── fonts\n        ├─── icons\n        ├─── images\n        └─── videos\n\n    ├─── style/\n        ├─── global\n        ├─── utilities\n        ├─── variables\n        ├─── global.scss\n        ├─── utilities.scss\n        └─── variables.scss\n\n    ├─── template                      | Pug extends files\n    └─── utilities                     | Pug utilities\n```\n\n## Bugs\n\nFeel free to [create bug issues](https://github.com/BartoszPiwek/FrontBox/issues/new?labels=bug).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbartoszpiwek%2Ffrontbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbartoszpiwek%2Ffrontbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbartoszpiwek%2Ffrontbox/lists"}