Skip to content

A todo app built using GraphQL, Node, Express, Apollo Client-Server and React. Queries, mutations and subscriptions.

Notifications You must be signed in to change notification settings

ffcabbar/react-apollo-client-and-server-todoapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 

Repository files navigation

TodoAppWithApolloClient

Client: React.js with ApolloClient && Server: ApolloServer 🤘 :)

Get started

Clone the repository:

git clone https://github.com/ffcabbar/react-apollo-client-and-server-todoapp.git

Install dependencies and run the app:

cd server
yarn install # or npm install
yarn start   # or npm start
🌠
cd client
yarn install # or npm install
yarn start   # or npm start

Testing

Open your browser at http://localhost:5555 and start sending queries.

Query:

query {
  todos {
    text
    id
    completed
  }
}

The server returns the following response:

{
  "data": {
    "todos": [
      {
        "text": "Hello from GraphQL",
        "id": "1583752618984",
        "completed": true
      },
      {
        "text": "react",
        "id": "1583752700115",
        "completed": true
      },
      {
        "text": "graphql",
        "id": "1583752704968",
        "completed": false
      }
    ]
  }
}

Playground

play

About

A todo app built using GraphQL, Node, Express, Apollo Client-Server and React. Queries, mutations and subscriptions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published