https://github.com/nodkz/relay-northwind-app
A complex React, Relay, GraphQL demo app. Online demo:
https://github.com/nodkz/relay-northwind-app
demo graphql react relay
Last synced: about 2 months ago
JSON representation
A complex React, Relay, GraphQL demo app. Online demo:
- Host: GitHub
- URL: https://github.com/nodkz/relay-northwind-app
- Owner: nodkz
- License: mit
- Created: 2016-08-24T16:05:10.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2022-12-07T09:16:53.000Z (over 2 years ago)
- Last Synced: 2025-04-05T09:04:57.666Z (3 months ago)
- Topics: demo, graphql, react, relay
- Language: JavaScript
- Homepage: https://nodkz.github.io/relay-northwind/
- Size: 2.02 MB
- Stars: 103
- Watchers: 8
- Forks: 18
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# OUTDATED
If somebody somebody wants take care about this demo - please open an issue. And I'll grant your permissions. Thanks.
## Northwind demo app (on Relay Modern)
> This is a true story. The events depicted took place in Northwind in 1996-1998. At the request of the survivors, the names have been changed. Out of respect for the dead, the rest has been told exactly as it occurred.
> **©Fargo**
This is application shown Component-Based approach on full power 💪💪💪.
Build using React, Relay Modern, GraphQL, React Router 4.
[Live DEMO](https://nodkz.github.io/relay-northwind/)
[Live GraphQL server DEMO](http://graphql-compose.herokuapp.com/northwind/)
Internally implements many cool things:
- Connections with infinite lists and filtering
- Running Relay queries from component (not via routing)
- Display loaders when fetching data
- Build on top of [graphql-compose](https://github.com/nodkz/graphql-compose) auto-generated GraphQL schema from mongoose (MongoDB).
- Eslint with GraphQL fragment validation, Webpack 3, Babel 7.
- Static analysis with Flowtype
- Many thanks to @taion for `react-bootstrap`
### Data models
This APP has 8 basic types, which has many cross-relations (via one-to-one, arrays, connections):
- category
- customer
- employee
- order
- product
- region
- shipper
- supplier
### Previous Relay versions
Working example on **Relay Classic** can be found in [classic branch](https://github.com/nodkz/relay-northwind-app/tree/classic), **Relay Compat** in [compat branch](https://github.com/nodkz/relay-northwind-app/tree/compat).
### About server-side (GraphQL + MongoDB)
[GraphQL server source code](https://github.com/nodkz/graphql-compose-examples/tree/master/examples/northwind) (graphql-compose inside). Also you may find all data in JSON and CSV formats for your needs.
### Thanks to
- [@shayden](https://github.com/shayden) for the csv dump.
- [@tmcnab](https://github.com/tmcnab/northwind-mongo) that converted it to MongoDB.
- [@leisenstein](https://github.com/leisenstein/northwind-mongo) that clean up a CSV data.
### License
MIT