{"id":18602935,"url":"https://github.com/jeffersonribeiro/react-materialui-scaffolding","last_synced_at":"2025-04-10T19:31:14.777Z","repository":{"id":95483093,"uuid":"133592582","full_name":"jeffersonRibeiro/react-materialui-scaffolding","owner":"jeffersonRibeiro","description":"📦 React Single Page Application with MaterialUI starter-kit. Folder structure based on Alexis Mangin's medium post \"How to better organize your React applications?\"","archived":false,"fork":false,"pushed_at":"2018-09-14T00:24:12.000Z","size":159,"stargazers_count":9,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-25T03:33:59.233Z","etag":null,"topics":["materialui","react","scaffold"],"latest_commit_sha":null,"homepage":"","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/jeffersonRibeiro.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":"2018-05-16T01:21:56.000Z","updated_at":"2021-06-12T00:35:31.000Z","dependencies_parsed_at":"2023-04-27T19:32:32.314Z","dependency_job_id":null,"html_url":"https://github.com/jeffersonRibeiro/react-materialui-scaffolding","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/jeffersonRibeiro%2Freact-materialui-scaffolding","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffersonRibeiro%2Freact-materialui-scaffolding/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffersonRibeiro%2Freact-materialui-scaffolding/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffersonRibeiro%2Freact-materialui-scaffolding/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeffersonRibeiro","download_url":"https://codeload.github.com/jeffersonRibeiro/react-materialui-scaffolding/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248281395,"owners_count":21077423,"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":["materialui","react","scaffold"],"created_at":"2024-11-07T02:12:58.172Z","updated_at":"2025-04-10T19:31:14.769Z","avatar_url":"https://github.com/jeffersonRibeiro.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## ⚛ React Single Page Application with MaterialUI starter-kit.\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./Package.png\"\u003e\n  \u003cbr/\u003e\n  \u003cspan\u003eReact SPA with MaterialUI scaffolding\u003c/span\u003e\n\u003c/p\u003e\n\n``` bash\nnpm install\nnpm start\n``````\n\n### Using:\n- [MaterialUI](https://github.com/mui-org/material-ui)\n- Alexis Mangin's [medium post](https://medium.com/@alexmngn/how-to-better-organize-your-react-applications-2fd3ea1920f1) as a guide to     better structure scalable React projects folder grouped by features or routes.\n```\n/src\n  /components \n    /Button \n    /Notifications\n      /components\n        /ButtonDismiss  \n          /images\n          /locales\n          /specs \n          /index.js\n          /styles.scss\n      /index.js\n      /styles.scss\n  /scenes\n    /Home \n      /components \n        /ButtonLike\n      /services\n        /processData\n      /index.js\n      /styles.scss\n    /Sign \n      /components \n        /FormField\n      /scenes\n        /Login\n        /Register \n          /locales\n          /specs\n          /index.js\n          /styles.scss\n  /services\n    /api\n    /geolocation\n    /session\n      /actions.js\n      /index.js\n      /reducer.js\n    /users\n      /actions.js\n      /api.js\n      /reducer.js\n  index.js \n  store.js\n  ```\n\u003e \"Each component, scene or service (a feature) has everything it needs to work on its own, such as its own styles, images,                translations,   set of actions as well as unit or integration tests. You can see a feature like an independent piece of code you will    use in your app   (a bit like node modules).\" - Alexis Mangin\n\n### Features\n- Basic admin structure with Async Routes configured\n- SASS\n\n\n### Todo\n- [ ] State management\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/20846473?s=70\u0026v=4\" width=\"35\" height=\"35\"/\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003csub\u003eA little project by \u003ca href=\"http://www.jeffersonribeiro.com/\"\u003eJefferson Ribeiro\u003c/a\u003e\u003c/sub\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeffersonribeiro%2Freact-materialui-scaffolding","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeffersonribeiro%2Freact-materialui-scaffolding","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeffersonribeiro%2Freact-materialui-scaffolding/lists"}