{"id":14967585,"url":"https://github.com/manzdev/parcel-document-blank","last_synced_at":"2025-07-18T11:39:00.704Z","repository":{"id":56593974,"uuid":"137829839","full_name":"ManzDev/parcel-document-blank","owner":"ManzDev","description":"A prepared package for new HTML/CSS/JS projects and easy coding (with Parcel)","archived":false,"fork":false,"pushed_at":"2020-10-29T18:29:16.000Z","size":689,"stargazers_count":46,"open_issues_count":2,"forks_count":11,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-01-31T10:24:00.156Z","etag":null,"topics":["css3","eslint","html5","javascript","parcel","postcss","pug","stylelint","template","tslint","typescript"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/ManzDev.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":"2018-06-19T02:24:14.000Z","updated_at":"2024-10-25T22:34:04.000Z","dependencies_parsed_at":"2022-08-15T21:40:11.364Z","dependency_job_id":null,"html_url":"https://github.com/ManzDev/parcel-document-blank","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/ManzDev%2Fparcel-document-blank","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fparcel-document-blank/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fparcel-document-blank/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManzDev%2Fparcel-document-blank/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManzDev","download_url":"https://codeload.github.com/ManzDev/parcel-document-blank/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238207646,"owners_count":19434095,"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":["css3","eslint","html5","javascript","parcel","postcss","pug","stylelint","template","tslint","typescript"],"created_at":"2024-09-24T13:38:19.002Z","updated_at":"2025-02-10T23:31:31.435Z","avatar_url":"https://github.com/ManzDev.png","language":"HTML","readme":"A prepared package for new HTML/CSS/JS projects and easy coding using Parcel bundler.\n\n![parcel-document-blank starter-kit](src/assets/parcel-document-blank.png)\n\n# Features\n\n## 1. Organization\n\n| Feature                           | Description                                                |\n| --------------------------------- | ---------------------------------------------------------- |\n| 📦 [Parcel2][1]                   | Automatic Parcel 2 bundler                                 |\n| 📊 [Parcel2 Bundle Visualiser][16]| Generate size report into parcel-bundle-reports/           |\n| ⚙️ [NPM Scripts][2]               | Preconfigured scripts (development, build and clean tasks) |\n| 🦋 [Prettier][14]                 | Opinionated code formatter.                                |\n\n[1]: https://v2.parceljs.org/\n[2]: https://docs.npmjs.com/misc/scripts\n[14]: https://prettier.io/\n[16]: https://v2.parceljs.org/features/production/\n\n### NPM Scripts\n\n| NPM Command              | Description                                                                           |\n| ------------------------ | ------------------------------------------------------------------------------------- |\n| `npm run dev`            | Local webserver for development (serve + watch)                                       |\n| `npm run watch`          | Watch changes (dev for use with external server: apache, nginx, local server...)      |\n| `npm run report`         | Generate reports into `parcel-bundle-reports/` and `build/bundle-buddy.json`          |\n| `npm run build`          | Automatic production build (for website upload).                                      |\n| `npm run gh-pages`       | Automatic production build for GitHub Pages. \u003csup\u003e\\*\u003c/sup\u003e                            |\n| `npm run deploy`         | Deploy `build` folder to GitHub Pages.                                                |\n| `npm run lintcss`        | Lint CSS files with stylelint (`src/css/\\*.css` )                                     |\n| `npm run lintjs`         | Lint Javascript files with eslint (`src/js/\\*.js` )                                   |\n| `npm run clean:cache`    | Remove `.parcel-cache`, `dist` and `build` folder.                                    |\n| `npm run clean:all`      | Reset default repo and remove cache and all npm generated files.                      |\n\n\u003csup\u003e\\*\u003c/sup\u003e \u003csmall\u003eGitHub Pages URL is https://user.github.io/\u003cstrong\u003ereponame\u003c/strong\u003e/.\u003c/small\u003e Don't forget change `name` to **reponame** in your `package.json`.\u003c/small\u003e\u003cbr\u003e\n\n## 2. HTML \u0026 Styles\n\n| Feature                       | Description                                                |\n| ----------------------------- | ---------------------------------------------------------- |\n| 🏷️ [HTMLHint][15]             | Static code analysis tool for HTML.                        |\n| 🌀 [PostCSS][3]               | Pre, post and transform CSS with JS                        |\n| 👓 [PostCSS Preset-env][4]    | Convert modern CSS into browsers can understand            |\n| 🍂 [Autoprefixer][5]          | Auto add CSS prefix properties                             |\n| ➕ [PostCSS Mixins][6]        | Support for CSS mixins (functions-in-css)                  |\n| 🅰️ [PostCSS Font Magician][7] | Auto import Google Fonts                                   |\n| 🤵 [StyleLint][9]             | Review CSS code for improve quality, tips and avoid errors |\n\n[3]: https://postcss.org/\n[4]: https://preset-env.cssdb.org/features\n[5]: https://autoprefixer.github.io/\n[6]: https://github.com/postcss/postcss-mixins\n[7]: https://github.com/jonathantneal/postcss-font-magician\n[9]: https://stylelint.io/\n[15]: https://htmlhint.com/\n\n## 3. Javascript\n\n| Feature                   | Description                                                        |\n| ------------------------- | ------------------------------------------------------------------ |\n| 💼 [Babel][10]            | Transpile Future Javascript to ES5.                                |\n| 🎁 [Babel Preset-env][11] | Smart preset to write ES2015+ (ES6/ES7/ES8) Javascript.            |\n| 🌎 [Browserlist][12]      | Compatibilize code to specific browsers.                           |\n| 👁️ [ESLint][13]           | Review Javascript code for improve quality, tips and avoid errors. |\n\n[10]: https://babeljs.io/\n[11]: https://babeljs.io/docs/en/babel-preset-env\n[12]: https://browserl.ist/\n[13]: https://eslint.org/\n\n# Usage\n\n- `master` branch: Vanilla document blank project\n- `vue` branch: VueJS document blank project\n\n## Requirements / Recommended\n\n- node 12+ / npm 6+: https://github.com/nodesource/distributions/blob/master/README.md#debinstall\n- Prettier for VSCode: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode\n- Icons for VSCode: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons\n- ESLint for VSCode: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint\n- StyleLint for VSCode: https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint\n\n## Master branch\n\n```\ngit clone https://github.com/ManzDev/parcel-document-blank folder-project\ncd folder-project\nrm -rf .git \u0026\u0026 git init\nnpm install\nnpm run dev\n```\n\n## Vue branch\n\n```\ngit clone -b vue https://github.com/ManzDev/parcel-document-blank folder-project\ncd folder-project\nrm -rf .git \u0026\u0026 git init\nnpm install\nnpm run dev\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanzdev%2Fparcel-document-blank","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanzdev%2Fparcel-document-blank","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanzdev%2Fparcel-document-blank/lists"}