{"id":16593071,"url":"https://github.com/codypearce/devto-material","last_synced_at":"2025-10-29T10:30:50.061Z","repository":{"id":51299129,"uuid":"224818188","full_name":"codypearce/devto-material","owner":"codypearce","description":"Material Dev.to client for 6 platforms with 100% code sharing with react native","archived":false,"fork":false,"pushed_at":"2022-08-02T04:48:57.000Z","size":3104,"stargazers_count":16,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-02T01:02:24.148Z","etag":null,"topics":["devto","electron","material","material-bread","react","react-native"],"latest_commit_sha":null,"homepage":"https://cranky-kare-193fbd.netlify.com/","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/codypearce.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}},"created_at":"2019-11-29T09:11:53.000Z","updated_at":"2023-05-21T19:10:40.000Z","dependencies_parsed_at":"2022-09-25T04:31:00.241Z","dependency_job_id":null,"html_url":"https://github.com/codypearce/devto-material","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/codypearce%2Fdevto-material","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Fdevto-material/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Fdevto-material/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codypearce%2Fdevto-material/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codypearce","download_url":"https://codeload.github.com/codypearce/devto-material/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238803588,"owners_count":19533341,"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":["devto","electron","material","material-bread","react","react-native"],"created_at":"2024-10-11T23:23:31.293Z","updated_at":"2025-10-29T10:30:49.127Z","avatar_url":"https://github.com/codypearce.png","language":"JavaScript","readme":"\u003ch1 align=\"center\" style=\"margin-top: 0px;\"\u003eDev.to Material\u003c/h1\u003e\n\n\u003cp align=\"center\" style=\"margin-bottom: 0px !important;\"\u003e\n  \u003cimg width=\"800\" src=\"media/devto-material-platforms.png\" alt=\"adf\" align=\"center\"\u003e\n\u003c/p\u003e\n\n\n\u003cp align=\"center\" \u003eMaterial Dev.to client for 6 platforms with 100% code sharing\u003c/p\u003e\n\n\n## Intro\n\nDev.to.Material is a simple Material [Dev.to](https://dev.to/) client built with React Native that runs on the Web, Android, iOS, and Electron (Windows, Linux, and MacOS). This was built as an experiment in sharing 100% code between the above platforms. \n\nCheck out [this article](https://codinhood.com/creating-material-devto-client-on-six-platforms/) to learn more]\n\n### Features\n\nUnfortunately, most [Dev.to API](https://docs.dev.to/api/) functionality is either in a closed Alpha or has not been documented yet. Currently implemented:\n\n- Fetching Articles\n- Searching Articles by Tags\n- Clicking on Tags to filter Articles\n- Clicking on Feed, Week, Month, etc\n- Viewing an article\n\nThe rest of the client is static data.\n\n###  Tech\nThe app is built using React Native `59.0` to render to each platform. [React Native Web](https://github.com/necolas/react-native-web) allows rendering React Native on the Web. The electron apps is rendered with React Native Web and [Electron](https://github.com/electron/electron) `4.0`. The following packages were also used:\n\n- [Reac Routert](https://github.com/ReactTraining/react-router) , [React Router Native](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-native), and [React Router Dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom) (Router)\n- [Material Bread](https://github.com/codypearce/material-bread) (UI Kit)\n- [React Native Infinity](https://github.com/codypearce/react-native-infinity) (Project Setup)\n- [react-responsive](https://www.npmjs.com/package/react-responsive) (Media Queries and Responsive)\n- [react-native-render-html](https://github.com/archriss/react-native-render-html) (Rendering Article HTML)\n\n\n## Quick Start\n\n1. `git clone git@github.com:codypearce/devto-material.git`\n2. `cd devto-material`\n3. `npm i`\n4. `npm run web`\n\n## Web\n\nAll web config is found in `web` folder. \n\n```\nnpm run web\n```\n\nIt should be running on port `8080`\n\n## iOS\nAll config is found in `ios` folder.\n\n1. Start an ios simulator\n2. Open one terminal tab and run `npm start`\n3. Open another terminal tab and run `npm run ios`\n\n## Android\n\nAll config is found in `android` folder.\n\n1. Start an android emulator\n2. Open one terminal tab and run `npm start`\n3. Open another terminal tab and run `npm run android`\n\n## Electron\n\nAll electron config is found in `electron` folder. \n\n\n1. Open one terminal tab and run `npm run server`, this runs the electron webpack server.\n2. Open another terminal tab and run `npm run electron`, this should open an electron window with the app running.\n\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodypearce%2Fdevto-material","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodypearce%2Fdevto-material","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodypearce%2Fdevto-material/lists"}