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: 2 days 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 (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T09:16:53.000Z (almost 2 years ago)
• Last Synced: 2024-05-02T06:03:31.720Z (7 months ago)
• Topics: demo, graphql, react, relay
• Language: JavaScript
• Homepage: https://nodkz.github.io/relay-northwind/
• Size: 2.02 MB
• Stars: 105
• Watchers: 9
• Forks: 19
• 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`

![relay-northwind-app](https://cloud.githubusercontent.com/assets/1946920/18013918/488e6830-6be2-11e6-84b6-884c8ab971ac.gif)

### 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