{"id":19825256,"url":"https://github.com/tes3awy/html-starter-kit","last_synced_at":"2026-04-02T04:46:41.481Z","repository":{"id":99912171,"uuid":"138601237","full_name":"Tes3awy/html-starter-kit","owner":"Tes3awy","description":"An Automated Starter Kit Optimized for Front-End Developers","archived":false,"fork":false,"pushed_at":"2021-01-08T19:37:47.000Z","size":28,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-11T08:51:44.841Z","etag":null,"topics":["browsersync","css","git","gulp","html","nodejs","npm","rtl","sass","scss","starter-kit","starter-template","starters","task-runner"],"latest_commit_sha":null,"homepage":"https://github.com/Tes3awy/html-starter-kit","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/Tes3awy.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":"2018-06-25T13:48:56.000Z","updated_at":"2021-04-24T23:30:31.000Z","dependencies_parsed_at":"2023-05-11T01:00:20.663Z","dependency_job_id":null,"html_url":"https://github.com/Tes3awy/html-starter-kit","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/Tes3awy%2Fhtml-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tes3awy%2Fhtml-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tes3awy%2Fhtml-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tes3awy%2Fhtml-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tes3awy","download_url":"https://codeload.github.com/Tes3awy/html-starter-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241181426,"owners_count":19923438,"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":["browsersync","css","git","gulp","html","nodejs","npm","rtl","sass","scss","starter-kit","starter-template","starters","task-runner"],"created_at":"2024-11-12T11:07:07.048Z","updated_at":"2025-12-30T20:05:59.950Z","avatar_url":"https://github.com/Tes3awy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Starter Kit Documentation\n\n## Table of Contents\n1. [Important Update](#update-as-of-18-dec-2020)\n2. [Changelog](#Changelog)\n3. [TODO](#TODO)\n\n---\n\nFirst, you have to run `npm install` to install all dependencies. Then, run `npm run copy-assets`, Finally, run `npm start` and you're ready to start your project right away. Once you save `index.html`, a `dist` directory will be created automagically :sparkles:.\n\nCarefully inspect `gulpfile.js`. It's well commented and can be easily understood.\n\nThis starter kit is also optimized for RTL websites. All CSS files are also copied for RTL styles on `*.scss` files save.\n\nThe directory tree should look like below. Unless you want to change `src` and `dest` in Gulp tasks.\n\n```bash\n│   .browserslistrc\n│   .gitignore\n│   gulpfile.js\n│   index.html\n│   LICENSE\n│   npm-shrinkwrap.json\n│   package.json\n│   README.md\n│   robots.txt\n│\n└───src\n    ├───assets\n    │   ├───css\n    │   │       .gitkeep\n    │   │\n    │   ├───images\n    │   │       favicon.png\n    │   │\n    │   └───js\n    │           app.js\n    │\n    └───sass\n        │   main.scss\n        │\n        ├───abstracts\n        │       _functions.scss\n        │       _mixins.scss\n        │       _placeholders.scss\n        │       _variables.scss\n        │\n        ├───base\n        │       _animations.scss\n        │       _base.scss\n        │       _typography.scss\n        │\n        ├───components\n        │       _buttons.scss\n        │\n        ├───layout\n        │       _footer.scss\n        │       _header.scss\n        │       _navigation.scss\n        │\n        └───pages\n                _home.scss\n```\n---\n\n\u003e ## Update as of 18 Dec. 2020\n\nGulp 3 is outdated and is no longer maintained nor supported by Node.js 11.0.0 or later.\n\nAdded `npm-shrinkwrap.json` file to make Gulp v3.9.1 compatible with Node.js v11.0.0 or later.\n\nAfter you run `npm install`, `npm-shrinkwrap.json` will be modified. **DON'T TOUCH IT**!\n\n## Changelog\n\n### 03 January 2021\n\n1. Updated packages to the latest and compatible with Gulp 3.\n2. Updated BrowserSync options.\n3. Updated `.gitignore`.\n4. Added a default favicon.\n5. Added `normalize.css`.\n6. Removed `gulp-imagemin` package and task.\n7. Removed `gulp-notify` package.\n\n---\n\n## TODO\n\n- [ ] Update the kit to Gulp 4.\n\n\u003e Feel free to create a [Pull Request](https://github.com/Tes3awy/html-starter-kit/pulls) and update the kit to Gulp 4.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftes3awy%2Fhtml-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftes3awy%2Fhtml-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftes3awy%2Fhtml-starter-kit/lists"}