{"id":22542762,"url":"https://github.com/devonchurch/kettle-corn","last_synced_at":"2025-10-29T15:20:12.141Z","repository":{"id":97157599,"uuid":"105340381","full_name":"devonChurch/kettle-corn","owner":"devonChurch","description":"A static site generator for the Enhance Digital marketing site","archived":false,"fork":false,"pushed_at":"2018-09-09T02:15:20.000Z","size":22300,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T07:44:05.805Z","etag":null,"topics":["aws","cdn","gatsbyjs","reactjs","serverless","static-site"],"latest_commit_sha":null,"homepage":"https://enhancedigital.co.nz/","language":"JavaScript","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/devonChurch.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":"2017-09-30T03:58:16.000Z","updated_at":"2019-05-17T16:13:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"b66f9124-c5e5-470f-b36d-5f92ef50e15d","html_url":"https://github.com/devonChurch/kettle-corn","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/devonChurch/kettle-corn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fkettle-corn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fkettle-corn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fkettle-corn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fkettle-corn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devonChurch","download_url":"https://codeload.github.com/devonChurch/kettle-corn/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devonChurch%2Fkettle-corn/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268171959,"owners_count":24207437,"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-08-01T02:00:08.611Z","response_time":67,"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":["aws","cdn","gatsbyjs","reactjs","serverless","static-site"],"created_at":"2024-12-07T13:12:30.531Z","updated_at":"2025-10-29T15:20:12.033Z","avatar_url":"https://github.com/devonChurch.png","language":"JavaScript","readme":"# Kettle Corn\n\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n\n\u003cimg src=\"https://user-images.githubusercontent.com/15273233/40571783-36e53f02-60f3-11e8-93ba-2e368b309067.jpg\" height=\"auto\" width=\"300\"/\u003e\n\nA **static site generator** for the [Enhance Digital](https://enhancedigital.co.nz/) marketing site.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/15273233/40571793-66163f38-60f3-11e8-9b0b-16bcb9c7e6e7.png\" height=\"auto\" width=\"500\"/\u003e\n\nThe platform uses [GatsbyJS](https://www.gatsbyjs.org/) as the base and leverages [React](https://reactjs.org/) and [Styled Components](https://www.styled-components.com/).\n\nWe developed a [bespoke design pattern](https://enhancedigital.co.nz/styleguide/) using custom components and a [responsive flexible measurement](http://ami.responsivedesign.is/?url=https%3A%2F%2Fenhancedigital.co.nz%2F#) system.\n\n![screen shot 2018-05-25 at 10 07 57 pm](https://user-images.githubusercontent.com/15273233/40571800-733eaa9c-60f3-11e8-81c1-433d28219024.png)\n\n\n## Infrastructure\n\nThe application was generated using **Serverless** principals, utilising *low cost*, *performant* and *scalable* systems within the **AWS** portfolio.\n\nUtilising a comprehensive CI / CD pipeline, a low latency Front-end delivery system and a [micro service backend](https://github.com/devonChurch/sausage-sizzle).\n\nThe AWS infrastructure fed into both [Stage](http://stage.enhancedigital.co.nz/) and [Production](https://enhancedigital.co.nz/) environments allowing for *fast*, *stable* and *flexible* iterations.\n\n![kettle-corn](https://user-images.githubusercontent.com/15273233/40573886-ac96ef2e-611c-11e8-901a-d09a681a8897.jpg)\n\n\n## Installation\n\n* Clone this repository\n\n  ```\n  git clone https://github.com/devonChurch/kettle-corn.git\n  ```\n\n* Install project dependancies\n\n  ```\n  npm install\n  ```\n\n* Build and open a local _development_ version of the application\n\n  ```\n  npm start\n  ```\n\n## Testing\n\n\n### Unit Tests\n\nWe use [Jest](https://facebook.github.io/jest/) and [Enzyme](http://airbnb.io/enzyme/) to unit test our *utilities* and *React* components. Unit tests are run as part of our CI / CD pipeline and on every `git push` as part of [Husy](https://www.npmjs.com/package/husky) *Git hooks* setup.\n\n* Run unit tests\n\n  ```\n  npm run test:unit\n  ```\n\n\n### Visual Regression Tests\n\nAs part of our *stage* and *production* deployments we run an *image diffing* sequence to ascertain visual changes in our application *(both good and bad)* between releases.\n\nThe system is built with [Puppeteer](https://github.com/GoogleChrome/puppeteer) taking screenshots of each page in a series of different sized *view ports*. From there we use [Resemble.js](http://huddleeng.github.io/Resemble.js/) to find any inconsistencies between the images. The results are then sent to the developer via a [CodeBuild](https://aws.amazon.com/codebuild/), [Lambda](https://aws.amazon.com/lambda/) and [SES](https://aws.amazon.com/ses/) pipeline which emails the visual summary using [Zurbs Foundation](https://foundation.zurb.com/emails/docs/) design pattern.\n\n* Run visual regression tests\n\n  ```\n  npm run screenshots:prep\n  npm run screenshots:create:development\n  npm run screenshots:compare\n  ```\n\n![screen shot 2018-05-25 at 10 37 47 pm](https://user-images.githubusercontent.com/15273233/40571850-55b8f1c0-60f4-11e8-9ac6-8802794dd14d.png)\n\n\n### End-to-End Tests\n\nTo test the *full stack* of the application we run set of custom [Puppeteer](https://github.com/GoogleChrome/puppeteer) sequences to ensure things like *form submissions* are working correctly. Integration tests are run as part of our CI / CD pipeline and on every `git push` as part of [Husy](https://www.npmjs.com/package/husky) *Git hooks* setup.\n\n* Run integration tests\n\n  ```\n  npm run test:e2e:development\n  ```\n\n![e2e](https://user-images.githubusercontent.com/15273233/40571856-755d8482-60f4-11e8-9c65-53c08595c92b.gif)\n\n**Note:** I have also added a [Cypress](https://www.cypress.io/) based system for *End-to-End* testing as part of an [exploratory experiment](https://github.com/devonChurch/banana-cake).\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevonchurch%2Fkettle-corn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevonchurch%2Fkettle-corn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevonchurch%2Fkettle-corn/lists"}