Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ffcabbar/react-apollo-client-and-server-todoapp
A todo app built using GraphQL, Node, Express, Apollo Client-Server and React. Queries, mutations and subscriptions.
https://github.com/ffcabbar/react-apollo-client-and-server-todoapp
apollo-client apollo-server express fullstack-javascript graphql mutation nodejs query react subcribe todoapp
Last synced: about 2 hours ago
JSON representation
A todo app built using GraphQL, Node, Express, Apollo Client-Server and React. Queries, mutations and subscriptions.
- Host: GitHub
- URL: https://github.com/ffcabbar/react-apollo-client-and-server-todoapp
- Owner: ffcabbar
- Created: 2020-03-04T20:52:20.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T20:15:00.000Z (over 1 year ago)
- Last Synced: 2023-03-08T01:55:03.212Z (over 1 year ago)
- Topics: apollo-client, apollo-server, express, fullstack-javascript, graphql, mutation, nodejs, query, react, subcribe, todoapp
- Language: JavaScript
- Size: 8.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TodoAppWithApolloClient
Client: React.js with ApolloClient && Server: ApolloServer :metal: :)
## Get started
**Clone the repository:**
```sh
git clone https://github.com/ffcabbar/react-apollo-client-and-server-todoapp.git
```
**Install dependencies and run the app:**
```sh
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](http://localhost:5555) and start sending queries.
**Query:**
```graphql
query {
todos {
text
id
completed
}
}
```
The server returns the following response:
```json
{
"data": {
"todos": [
{
"text": "Hello from GraphQL",
"id": "1583752618984",
"completed": true
},
{
"text": "react",
"id": "1583752700115",
"completed": true
},
{
"text": "graphql",
"id": "1583752704968",
"completed": false
}
]
}
}
```
## Playground
