{"id":21898513,"url":"https://github.com/canopas/fullstack-graphql-react-starter-kit","last_synced_at":"2025-10-13T07:41:49.407Z","repository":{"id":176698313,"uuid":"636572621","full_name":"canopas/fullstack-graphql-react-starter-kit","owner":"canopas","description":"A boilerplate project for building web applications using the Apollo GraphQL, Typescript, Express.js, Vite and React.js","archived":false,"fork":false,"pushed_at":"2023-08-11T05:59:20.000Z","size":484,"stargazers_count":20,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-19T23:36:50.465Z","etag":null,"topics":["admin-panel","apollo-client","apollo-server","backend-development","best-practices","dashboard","expressjs","frontend-development","graphql","jest","mysql","nodejs","reactjs","sequelize","tests","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/canopas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2023-05-05T06:46:57.000Z","updated_at":"2025-07-13T23:00:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"139ca586-9779-453f-9b5e-40f28c071fca","html_url":"https://github.com/canopas/fullstack-graphql-react-starter-kit","commit_stats":null,"previous_names":["canopas/omnidashboard","canopas/fullstack-graphql-react-starter-kit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/canopas/fullstack-graphql-react-starter-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Ffullstack-graphql-react-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Ffullstack-graphql-react-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Ffullstack-graphql-react-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Ffullstack-graphql-react-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/canopas","download_url":"https://codeload.github.com/canopas/fullstack-graphql-react-starter-kit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/canopas%2Ffullstack-graphql-react-starter-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279014139,"owners_count":26085464,"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-10-13T02:00:06.723Z","response_time":61,"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":["admin-panel","apollo-client","apollo-server","backend-development","best-practices","dashboard","expressjs","frontend-development","graphql","jest","mysql","nodejs","reactjs","sequelize","tests","typescript","vite"],"created_at":"2024-11-28T14:32:57.829Z","updated_at":"2025-10-13T07:41:49.391Z","avatar_url":"https://github.com/canopas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\u003cstrong\u003eBoilerplate with GraphQL, ReactJS, NodeJS, and MySQL\u003c/strong\u003e\u003c/h1\u003e\n\nThis boilerplate project provides a solid foundation for developing web applications using GraphQL, ReactJS, NodeJS, and MySQL. With its intuitive architecture and powerful technologies, this project template empowers developers to quickly build scalable and efficient applications.\n\nThis includes essential configurations, common components, and best practices to help you kickstart your development process. Whether you're a beginner or an experienced developer, this project template is designed to accelerate your workflow and enable you to focus on building innovative features.\n\n## Project structure\n\nThe project has 4 sub-projects to handle all the functionalities of the project.\n\n- [Backend](https://github.com/canopas/omniDashboard/tree/main/backend) - Contains GraphQL APIs\n- [React Admin](https://github.com/canopas/omniDashboard/tree/main/react-admin) - Admin panel to manage data\n- [React Frontend](https://github.com/canopas/omniDashboard/tree/main/react-frontend) - Frontend to register the business\n- [Business dashboard - Progressive Web App (PWA)](https://github.com/canopas/omniDashboard/tree/main/business-dashboard) - Dashboard(Space) for individual business\n\n## Requirements\n\n- Node v20.3.1\n- Typescript\n\n## Install dependencies\n\n- Install dependencies\n\n  ```\n  yarn install\n  ```\n\n- Add new dependency\n\n  ```\n  yarn add \u003cdependency name\u003e\n  ```\n\n## Run the server\n\n### Node Backend\n\n- Start Node Server\n\n  ```\n  yarn start\n  ```\n\n- Run test\n\n  ```\n  yarn test\n  ```\n\n  You should find GraphQL API running at `http://localhost:4000/graphql`.\n\n### React Frontend, React admin and Business dashboard\n\n- go to the choosen directory using below command,\n\n  ```\n  cd \u003cdirectory-name\u003e\n  ```\n\n- Build project\n\n  ```\n  yarn build\n  ```\n\n- Start development Server\n\n  ```\n  yarn dev\n  ```\n\n  Server will start at `http://localhost:\u003cport\u003e`.\n\n## To enable pre-commit hook\n\n```\ngit config core.hooksPath .githooks\n```\n\n## API documentation\n\n- Find full API documentation [here](https://github.com/canopas/omniDashboard/blob/main/backend/README.md).\n\n## Dependencies\n\n- [typescript](https://www.typescriptlang.org/)\n\n### Backend\n\n- [graphql-js](https://github.com/graphql/graphql-js)\n- [@apollo/server](https://www.apollographql.com/docs/apollo-server/)\n- [express](https://expressjs.com/)\n- [sequelize](https://sequelize.org/docs/v6/getting-started/)\n\n### Frontend\n\n- [react](https://react.dev/learn)\n- [react-redux](https://react-redux.js.org/)\n- [@headlessui/react](https://headlessui.com/)\n- [@apollo/client](https://www.apollographql.com/docs/react/)\n- [graphql-js](https://github.com/graphql/graphql-js)\n- [vite](https://vitejs.dev/guide/)\n- [tailwindcss](https://tailwindcss.com/docs/guides/create-react-app)\n- [font-awesome](https://fontawesome.com/v5/docs/web/use-with/react)\n\n### Test\n\n- [jest](https://github.com/jestjs/jest)\n\n## LICENSE\n\nThis repository is released under the [MIT](https://github.com/canopas/omnidashboard/blob/main/LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcanopas%2Ffullstack-graphql-react-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcanopas%2Ffullstack-graphql-react-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcanopas%2Ffullstack-graphql-react-starter-kit/lists"}