{"id":20073638,"url":"https://github.com/ragingwind/react-pwa-boilerplate","last_synced_at":"2025-05-05T21:30:56.813Z","repository":{"id":139546827,"uuid":"72509608","full_name":"ragingwind/react-pwa-boilerplate","owner":"ragingwind","description":"Very simple version react application for Progressive Web App. Hope that it project can help many developers to understand that how to implement Progressive Web App with React.js","archived":false,"fork":false,"pushed_at":"2017-06-16T20:40:44.000Z","size":769,"stargazers_count":30,"open_issues_count":4,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-09T04:24:49.620Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/ragingwind.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-11-01T06:21:44.000Z","updated_at":"2024-09-28T19:41:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"94ed6911-ee96-4ffd-94f4-51afa7f57f62","html_url":"https://github.com/ragingwind/react-pwa-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/ragingwind%2Freact-pwa-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragingwind%2Freact-pwa-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragingwind%2Freact-pwa-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ragingwind%2Freact-pwa-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ragingwind","download_url":"https://codeload.github.com/ragingwind/react-pwa-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252579993,"owners_count":21771248,"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-13T14:47:04.506Z","updated_at":"2025-05-05T21:30:56.806Z","avatar_url":"https://github.com/ragingwind.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# pwa-react-boilerplate\n\n\u003e Very simple version react application for Progressive Web App. Hope that it project can help many developers to understand that how to implement Progressive Web App with React.js\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://cloud.githubusercontent.com/assets/124117/22330270/bb6b2728-e408-11e6-9488-d041b317e1e4.png\" height=\"400px\"/\u003e\n\u003c/p\u003e\n\n## Goals\n\n- Build Modern Progressive Web App in strong background of performance\n\t- Web Manifest\n\t- Service Worker\n\t- Application Shell Architecture (with material-ui.com)\n\t- Supporting PRPL pattern\n- Highlighted with cutting-edge technologies like React.js latest version, Webpack 2, Babel with ES2015 latest version and more latest concepts and tools\n\n## Look and feel\n\nBy following material design and App shell design guide, We decide to mostly keep same design concept as [Polymer Starter Kit](https://github.com/PolymerElements/polymer-starter-kit) via [material-ui](https://material-ui.com)\n\n### Theme\n\nYou can change a primary color and accent color to customize theme at 'src/components/Theme.js' by updating theme configuration. for detail, visit to [Themes - Material-UI](https://goo.gl/jcKqML)\n\n## Install\n\nCurrently, we use yarn mainly not npm but you can be allowed to use npm\n\n```js\nyarn install\n```\n\n### Run\n\nTest with Webpack Dev Server and also you can test with server worker on the server if you set `true` to `webpackDevServerConfig.serviceWorker` in `scripts/config.js`\n\n```\n// dev server start without service worker\nyarn start\n\n// dev server start with service worker by enabling webpack's env flag\nyarn start -- --env.sw\n```\n\n### Build\n\nThis application will be built taking advanges from [xo](https://github.com/sindresorhus/xo), eslint and [Webpack2](https://webpack.js.org/).\n\n```\nyarn run build\n```\n### Deploy to github\n\nDeploy this app to github with prefix with `name` in package.json.\n\n\u003e You have to make sure that this app is running on secure options with https\n\n```\nyarn run gh\n```\n\n### Test\n\nWe are mainly using [ava](https://github.com/avajs/ava) and [enzyme](https://github.com/airbnb/enzyme) to test our React components. Please visit to each sites for understanding how to use it.\n\n```\nyarn test\n```\n\n## Project structure\n\n```\n.\n├── build: build files, it will be created after build\n├── public: public / static files\n├── src: application source\n├── package.json\n├── readme.md\n├── webpack.config.js\n└── yarn.lock\n```\n\n## License\n\nMIT © [Jimmy Moon](http://ragingwind.me)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fragingwind%2Freact-pwa-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fragingwind%2Freact-pwa-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fragingwind%2Freact-pwa-boilerplate/lists"}