{"id":24989103,"url":"https://github.com/engineervix/quick-html-boilerplate","last_synced_at":"2025-03-29T11:40:34.198Z","repository":{"id":39848106,"uuid":"247123264","full_name":"engineervix/quick-html-boilerplate","owner":"engineervix","description":"A dead simple and quick html starter kit for prototyping web development projects","archived":false,"fork":false,"pushed_at":"2024-10-09T10:27:26.000Z","size":474,"stargazers_count":0,"open_issues_count":22,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-04T12:16:39.909Z","etag":null,"topics":["boilerplate-template","browsersync","frontend","gulp","html","prototype"],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/engineervix.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-03-13T17:09:58.000Z","updated_at":"2024-10-08T00:16:51.000Z","dependencies_parsed_at":"2023-12-29T01:23:37.959Z","dependency_job_id":"0a6d124a-4554-44c1-8275-a87c4e44c915","html_url":"https://github.com/engineervix/quick-html-boilerplate","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/engineervix%2Fquick-html-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineervix%2Fquick-html-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineervix%2Fquick-html-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/engineervix%2Fquick-html-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/engineervix","download_url":"https://codeload.github.com/engineervix/quick-html-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246180898,"owners_count":20736459,"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":["boilerplate-template","browsersync","frontend","gulp","html","prototype"],"created_at":"2025-02-04T12:16:50.519Z","updated_at":"2025-03-29T11:40:33.948Z","avatar_url":"https://github.com/engineervix.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# quick-html-boilerplate\n\n![Desktop \u0026 Mobile Screenshots Side by Side](https://i.imgur.com/WeJnVoH.jpg)\n\n[![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)](https://forthebadge.com)\n\n[![Dependency Status](https://badgen.net/david/dep/engineervix/quick-html-boilerplate)](https://david-dm.org/engineervix/quick-html-boilerplate) [![devDependencies Status](https://badgen.net/david/dev/engineervix/quick-html-boilerplate)](https://david-dm.org/engineervix/quick-html-boilerplate?type=dev) [![dependabot](https://badgen.net/dependabot/engineervix/quick-html-boilerplate?icon=dependabot)](https://dependabot.com/)\n\n## About this\n\nA dead simple and quick html starter kit for prototyping web development projects. Nothing fancy, everything is pretty basic.\n\n## Features\n\n- Fully responsive, using the latest [Bootstrap 4](https://getbootstrap.com/) with additional themes courtesy of [Bootswatch](https://bootswatch.com/).\n- [Font Awesome 5 (free)](https://fontawesome.com/icons?m=free) icons.\n- Live reload courtesy of [BrowserSync](https://browsersync.io/).\n- [Gulp](https://gulpjs.com/) based workflow, with defined tasks for:\n  - copying minified (dist) files of modules listed in package.json \"dependencies\" field to the `static/vendors` directory. This is courtesy of [gulp-npm-dist](https://github.com/dshemendiuk/gulp-npm-dist) in conjunction with [gulp-rename](https://github.com/hparra/gulp-rename),\n  - deleting files and directories in the `static/vendors` directory using [del](https://github.com/sindresorhus/del),\n  - _uglifying_ javascript files using [gulp-uglify](https://github.com/terinjokes/gulp-uglify),\n  - _minifying_ css files using [gulp-clean-css](https://github.com/scniro/gulp-clean-css)\n\n## Prerequisites\n\n- [Node.js](https://nodejs.org/) with the following packages installed **globally**:\n  - [concurrently](https://github.com/kimmobrunfeldt/concurrently): `npm install -g concurrently`\n  - [Browsersync](https://browsersync.io/): `npm install -g browser-sync`\n  - [Gulp](https://gulpjs.com/): `npm install gulp-cli -g`\n- [Python3](https://www.python.org/). In this boilerplate, I use the [`http.server`](https://docs.python.org/3.6/library/http.server.html) module as a development server. There are numerous (better) alternatives so feel free to use your preferred option (An excellent example is [lite-server](https://github.com/johnpapa/lite-server), a _development only_ node server that uses BrowserSync). I chose this because python3 is always installed on any development machine I use :smile:!\n\n## How to use this\n\n1. Clone the repository: `git clone https://github.com/engineervix/quick-html-boilerplate.git`\n2. Navigate to the cloned project directory: `cd quick-html-boilerplate`\n3. Install dependencies: `npm install`\n4. Copy the vendor libraries into the `static/vendors` directory: `gulp cp`\n5. Start the development server: `npm run dev`. If you have `lite-server`, simply run `lite-server`.\n\n## Credits\n\n- HTML Template based on \u003chttps://startbootstrap.com/snippets/full-image-header/\u003e\n- svg background: \u003chttps://www.svgbackgrounds.com/#endless-constellation\u003e\n- favicon created using \u003chttps://favicon.io/\u003e\n- `\u003cog:image\u003e` placeholder: \u003chttps://picsum.photos\u003e\n- `.gitignore` generated using \u003chttps://www.gitignore.io/\u003e\n\n## TODO\n\n- [ ] Develop a [\"cookiecutter\"](https://github.com/cookiecutter/cookiecutter)\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fengineervix%2Fquick-html-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fengineervix%2Fquick-html-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fengineervix%2Fquick-html-boilerplate/lists"}