{"id":17981302,"url":"https://github.com/rohitghatol/todo-in-react-apollo","last_synced_at":"2025-07-15T20:33:00.852Z","repository":{"id":142049770,"uuid":"180226407","full_name":"rohitghatol/todo-in-react-apollo","owner":"rohitghatol","description":"Minimal Todo App in React Apollo (with and without react-adopt)","archived":false,"fork":false,"pushed_at":"2019-04-08T20:52:10.000Z","size":277,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-09T13:10:04.343Z","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/rohitghatol.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":"2019-04-08T20:19:30.000Z","updated_at":"2019-04-08T20:52:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"edd7f2d0-7ba2-4fb2-bc96-f5c613f4cc97","html_url":"https://github.com/rohitghatol/todo-in-react-apollo","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/rohitghatol%2Ftodo-in-react-apollo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitghatol%2Ftodo-in-react-apollo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitghatol%2Ftodo-in-react-apollo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitghatol%2Ftodo-in-react-apollo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rohitghatol","download_url":"https://codeload.github.com/rohitghatol/todo-in-react-apollo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247104210,"owners_count":20884186,"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-10-29T18:09:24.253Z","updated_at":"2025-04-04T01:22:26.973Z","avatar_url":"https://github.com/rohitghatol.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\u003cstrong\u003eBoilerplate for a Basic Fullstack GraphQL App with React\u003c/strong\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\n![](https://imgur.com/ousyQaC.png)\n\n\u003cdiv align=\"center\"\u003e\u003cstrong\u003e🚀 Bootstrap your fullstack GraphQL app within seconds\u003c/strong\u003e\u003c/div\u003e\n\u003cdiv align=\"center\"\u003eBasic starter kit for a fullstack GraphQL app with React and Node.js - based on best practices from the GraphQL community.\u003c/div\u003e\n\n## Features\n\n- **Scalable GraphQL server:** The server uses [`graphql-yoga`](https://github.com/prisma/graphql-yoga) which is based on Apollo Server \u0026 Express\n- **Pre-configured Apollo Client:** The project comes with a preconfigured setup for Apollo Client\n- **GraphQL database:** Includes GraphQL database binding to [Prisma](https://www.prismagraphql.com) (running on MySQL)\n- **Tooling**: Out-of-the-box support for [GraphQL Playground](https://github.com/prisma/graphql-playground) \u0026 [query performance tracing](https://github.com/apollographql/apollo-tracing)\n- **Extensible**: Simple and flexible [data model](./database/datamodel.graphql) – easy to adjust and extend\n- **No configuration overhead**: Preconfigured [`graphql-config`](https://github.com/prisma/graphql-config) setup\n\nFor a fully-fledged **React \u0026 Apollo tutorial**, visit [How to GraphQL](https://www.howtographql.com/react-apollo/0-introduction/). You can more learn about the idea behind GraphQL boilerplates [here](https://blog.graph.cool/graphql-boilerplates-graphql-create-how-to-setup-a-graphql-project-6428be2f3a5).\n\n## Requirements\n\nYou need to have the [GraphQL CLI](https://github.com/graphql-cli/graphql-cli) installed to bootstrap your GraphQL server using `graphql create`:\n\n```sh\nnpm install -g graphql-cli\n```\n\n## Getting started\n\n```sh\n# 1. Bootstrap GraphQL server in directory `my-app`, based on `react-fullstack-basic` boilerplate\ngraphql create my-app --boilerplate react-fullstack-basic\n\n# 2. When prompted, deploy the Prisma service to a _public cluster_\n\n# 3. Navigate into the `server` directory of the new project\ncd my-app/server\n\n# 4. Start the server\nyarn dev # runs server on http://localhost:4000, and opens GraphQL PLayground\n\n# 5. Open a new tab in the terminal and navigate back into my-app;\n# then run the app\ncd ..\nyarn start\n```\n\n## Documentation\n\n### Commands\n\n* `yarn start` starts GraphQL server on `http://localhost:4000`\n* `yarn dev` starts GraphQL server on `http://localhost:4000` _and_ opens GraphQL Playground\n* `yarn playground` opens the GraphQL Playground for the `projects` from [`.graphqlconfig.yml`](./.graphqlconfig.yml)\n* `yarn prisma \u003csubcommand\u003e` gives access to local version of Prisma CLI (e.g. `yarn prisma deploy`)\n\n\u003e **Note**: We recommend that you're using `yarn dev` during development as it will give you access to the GraphQL API or your server (defined by the [application schema](./src/schema.graphql)) as well as to the Prisma API directly (defined by the [Prisma database schema](./generated/prisma.graphql)). If you're starting the server with `yarn start`, you'll only be able to access the API of the application schema.\n\n### Server structure\n\n![](https://imgur.com/95faUsa.png)\n\n| File name 　　　　　　　　　　　　　　| Description 　　　　　　　　\u003cbr\u003e\u003cbr\u003e| \n| :--  | :--         |\n| `├── .graphqlconfig.yml` | Configuration file based on [`graphql-config`](https://github.com/prisma/graphql-config) (e.g. used by GraphQL Playground).|\n| `└── database ` (_directory_) | _Contains all files that are related to the Prisma database service_ |\\\n| `　　├── prisma.yml` | The root configuration file for your Prisma database service ([docs](https://www.prismagraphql.com/docs/reference/prisma.yml/overview-and-example-foatho8aip)) |\n| `　　└── datamodel.graphql` | Defines your data model (written in [GraphQL SDL](https://blog.graph.cool/graphql-sdl-schema-definition-language-6755bcb9ce51)) |\n| `└── src ` (_directory_) | _Contains the source files for your GraphQL server_ |\n| `　　├── index.js` | The entry point for your GraphQL server |\n| `　　├── schema.graphql` | The **application schema** defining the API exposed to client applications  |\n| `　　└── generated` (_directory_) | _Contains generated files_ |\n| `　　　　└── prisma.grapghql` | The **Prisma database schema** defining the Prisma GraphQL API  |\n\n## Contributing\n\nThe GraphQL boilerplates are maintained by the GraphQL community, with official support from the [Apollo](https://dev-blog.apollodata.com) \u0026 [Graphcool](https://blog.graph.cool/) teams.\n\nYour feedback is **very helpful**, please share your opinion and thoughts! If you have any questions or want to contribute yourself, join the [`#graphql-boilerplate`](https://graphcool.slack.com/messages/graphql-boilerplate) channel on our [Slack](https://graphcool.slack.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitghatol%2Ftodo-in-react-apollo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohitghatol%2Ftodo-in-react-apollo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitghatol%2Ftodo-in-react-apollo/lists"}