{"id":21031317,"url":"https://github.com/workable/devit2016","last_synced_at":"2025-05-15T11:33:31.160Z","repository":{"id":72865944,"uuid":"58393099","full_name":"Workable/devit2016","owner":"Workable","description":"Building a Workable Chrome Extension in React \u0026 Redux","archived":true,"fork":false,"pushed_at":"2024-04-12T15:11:55.000Z","size":600,"stargazers_count":4,"open_issues_count":3,"forks_count":5,"subscribers_count":39,"default_branch":"master","last_synced_at":"2025-03-24T19:17:36.879Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/Workable.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":"2016-05-09T16:53:42.000Z","updated_at":"2024-05-15T13:09:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"23108b9c-0bfc-42a4-b9ef-44196f96a506","html_url":"https://github.com/Workable/devit2016","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/Workable%2Fdevit2016","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Workable%2Fdevit2016/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Workable%2Fdevit2016/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Workable%2Fdevit2016/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Workable","download_url":"https://codeload.github.com/Workable/devit2016/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254331097,"owners_count":22053109,"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":[],"created_at":"2024-11-19T12:27:14.024Z","updated_at":"2025-05-15T11:33:31.148Z","avatar_url":"https://github.com/Workable.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Building a Workable Chrome Extension in React \u0026 Redux\n\nThis project demonstrates a message passing paradigm between the different building blocks of a Chrome Extension (i.e. content script, background script, etc...) based on Redux principles and accessories.\nThrough custom middleware and store enhancers, content script actions are sent as messages to the background script that tranforms them to corresponding reactions in the background context and vice versa. Furthermore, background state is always shared and synced across every connected content script instance.\n\nThe final output is a simple Chrome Extension called \"Spoiled\". As indicated by its name, \"Spoiled\" fetches spoilers for Game of Thrones characters in free narratives and was developed for Workable's workshop for the Devit 2016 conference.\n\nThe spoiler API is also included in the project.\n\n## Prerequisites\nInstall Node \u003e v5.x\n\nInstall Gulp\n\n```\n$ npm install -g gulp\n```\n\n## Install extension\n```\n$ npm i -g gulp\n$ cd \u003cproject\u003e/extension\n$ npm install\n$ gulp\n```\nGulp will build the extension code and place it in the `app/` directory.\n\nAfter that, on `chrome://extensions` select `Load unpacked extensions` and pick the project's `app/` directory.\n\n## Start server\n```\n$ cd \u003cproject\u003e/server\n$ npm install\n$ npm start\n```\n\n## Demo\n\nBrowse to `http://localhost:1337` and you are good to go!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkable%2Fdevit2016","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fworkable%2Fdevit2016","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkable%2Fdevit2016/lists"}