{"id":22341722,"url":"https://github.com/sercaneraslan/grabs","last_synced_at":"2025-07-30T01:32:14.785Z","repository":{"id":20048088,"uuid":"23316450","full_name":"sercaneraslan/grabs","owner":"sercaneraslan","description":"Front-End Development Environment","archived":false,"fork":false,"pushed_at":"2023-05-08T14:16:01.000Z","size":1658,"stargazers_count":91,"open_issues_count":11,"forks_count":10,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-04-14T21:45:59.071Z","etag":null,"topics":["development","environment","front-end","javascript"],"latest_commit_sha":null,"homepage":"","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/sercaneraslan.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":"2014-08-25T14:26:28.000Z","updated_at":"2024-02-20T15:19:05.000Z","dependencies_parsed_at":"2024-12-04T08:18:13.296Z","dependency_job_id":null,"html_url":"https://github.com/sercaneraslan/grabs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sercaneraslan/grabs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sercaneraslan%2Fgrabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sercaneraslan%2Fgrabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sercaneraslan%2Fgrabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sercaneraslan%2Fgrabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sercaneraslan","download_url":"https://codeload.github.com/sercaneraslan/grabs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sercaneraslan%2Fgrabs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267792678,"owners_count":24144930,"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","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["development","environment","front-end","javascript"],"created_at":"2024-12-04T08:08:04.937Z","updated_at":"2025-07-30T01:32:14.163Z","avatar_url":"https://github.com/sercaneraslan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![grabs](app/img/grabs/grabs.png)\n\n## Grabs: Front-End Development Environment\n\nYour development environment is ready in seconds.\n\n- You can add any task to your project with `Grunt` plugins.\n- You can immediately start developing your project with `Angular` support.\n- You can download 3rd party libraries with `Bower`.\n- You can compile and compress `Stylus` files to CSS files.\n\n## Getting Started\n\nGrabs eases your development process by including the most popular tools and libraries that are mostly needed for a development environment and allow you to easily extend with new capabilities.\n\nIn order to use Grabs, [Node.js](http://nodejs.org), [Npm](https://www.npmjs.org/), [Bower](https://bower.io/) and [Grunt](http://gruntjs.com). By applying the steps down below your development environment will be ready to use.\n\n### Install\n\nSteps:\n\n1. `git clone https://github.com/sercaneraslan/grabs.git`\n1. `cd grabs`\n1. `./grabs install`\n\nYes, that is all.\n\n## Features\n\n#### Grunt\nYou can add Grunt plugins to add more tasks to your project. You can also change the existing configurations from the **gruntfile.js** file.\n\n#### AngularJS\nGrabs comes with AngularJS. HTML5 Push State support is active and configurations are done so that all the requests are sent to the **index.html** file. You can change this behavior in **app/js/config/ng-config.js** file.\n\n#### Bower\nWith Bower you can manage your external dependencies automatically. All you need to do to get them is to edit **bower.json** file and issue **./grabs bowercopy** command. You can also change the configuration from **gruntfile.js** file's **bowercopy** section.\n\n#### Stylus\nYour Stylus files are automatically compiled to CSS and minified. You can configure this behavior in **gruntfile.js** under **stylus** section.\n\n#### Sprite\nThis plugin combines images under **app/img/sprite** disrectory into **sprite.png** file and without any other interference on your part your CSS styles are produced to use this sprite file instead of the individual image file you wrote in your Stylus file. \n\nImages under **app/img/sprite-retina** directory are combined as **sprite-retina.png** to help you support devices with higher pixel density. Other directories are copied into **build** directory without any processing. \n\nYou can change these settings from **gruntfile.js** under **sprite** section. Example: app/css/global.styl.\n\n#### Development Mode\nIn development mode CSS, HTML and JavaScript files are not minimized or combined. Also images are not compressed. When you use **./grabs** command without any arguments, it starts in development mode.\n\n#### Live Mode\nIn Live mode HTML, CSS and JavaScript files are minimized. CSS and JavaScript files are combined into a single CSS and JavaScript file. Images are compressed. File caching is disabled. You can use Live mode by issuing **./grabs live** command.\n\n#### HTML Compress\nYour HTML files are compressed while being delivered. You can change these settings from **gruntfile.js** under **htmlmin** section.\n\n#### Image Compress\nYour images are compressed automatically. You can change these settings from **gruntfile.js** under **imagemin** section.\n\n#### JavaScript Minimization\nYour JavaScript files are minimized with SourceMap support. You can change these settings from **gruntfile.js** under **uglify** section.\n\n#### Notification\nGrunt will notify you when errors occur via your operating system's notification system. You can define notifications for tasks that you want. You can change these settings from **gruntfile.js** under **notify_hooks** section.\n\n#### Cache\nAdding a timestamp to the resulting CSS, HTML, JavaScript and Image sprite files' names allows bypassing your browser's cache. For example: **app.min.1408295277445.css**\n\n#### Server\nProvides a basic server. You can change these settings from **gruntfile.js** under **connect** section.\n\n#### Livereoad\nWhenever an HTML, CSS or JavaScript file changes your browser window will be automatically refreshed. You can change these settings from **gruntfile.js** under **connect** section.\n\n#### Multilanguage Support\nAdd multiple languages to your project. Checkout **homepage**.\n\n#### Eslint\nESLint, checks your JavaScript files against a standart list of rules for high quality code. You can change these settings from **.eslintrc** under **rules** section.\n\n## License\n\nMIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsercaneraslan%2Fgrabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsercaneraslan%2Fgrabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsercaneraslan%2Fgrabs/lists"}